jQuery Forum

Thanks in advance!

Does anyone know if it is possible to control UI tabs from an external URL, is this possible?

For example, right now, the ui-tabs-nav list of anchors correspond to the divs automatically.  I would like to make the tabs' navigation controllable from a separate draggable modal or popup window so I can drag it to a second monitor and use the main screen on GoToMeeting, to switch tab panels almost like Powerpoint (but more useful.)

Make sense?

Truly appreciate any insight on controlling UI tabs navigation externally.

* In advance I want to preempt suggestions that I do something different entirely, like simply make the browser window span two monitors, etc.  Easy idea but doesn't work; I've tried it.

I am wondering if it's possible to use the draggable feature to have a DOM element draggable onto my second display monitor?  I've successfully made the objective div draggable, but I can't drag it to my second monitor and I don't understand why that is, although I guess it may be simply a browser limit.

Any suggestions are appreciated!

Hi and thanks for your time.

After struggling to get a modal window dialog to both load a URL and theme correctly, I fixed it by realizing I'd scoped my theme.  Quick find-and-replace of the parent style class in the theme sheet fixed it and now my modal dialog - which loads a separate page - looks themed out just fine.

However, now - inexplicably - no tabs.  I've tried stripping the loaded URL of its references to the scripts, of its tab instantiation javascript, etc. to no avail.  I've tried instantiating the tabs from the launching page where the modal dialog is launched from.  Doesn't work.  

I can't get jquery tabs in a separate file (URL) loaded into a modal dialog to run.  I CAN get them to work loading that tab-containing page separately, standalone, in the browser.  What's the difference?

Going crazy here, losing so much time to whack-a-mole.  Appreciate the help.

Hi there and thanks for your time.  I am using dialog() in the UI core functions to load another page into a modal style dialog window.

I'm sort of a javascript/jquery newb with some minor background in OOP from college, mostly a designer, so I don't understand some of basics and am diligently trying to understand the DOM as well.

I'm able to launch an inline div content with the modal dialog, themed just fine.  However, when I attempt to load an external page in the same folder, the modal dialog doesn't "see" the theme.  I've tried this with both scoped and unscoped themes for jquery.

Here's the code i'm using:

2. <script type="text/javascript"> 
3. $(document).ready(function() {
4. $('a.clickview').each(function() {
5. var $link = $(this);
6. var $dialog = $('<div></div>')
7. .load($link.attr('href') + '#content')
8. .dialog({
9. autoOpen: false,
10. modal: true,
11. title: $link.attr('title'),
12. width: 800
13. });
14.  
15. $link.click(function() {
16. $dialog.dialog('open');
17. return false;
18. });
19. });
20. });
21. </script>

Obviously where "clickview" is the CSS class of the link I want to launch the modal dialog from, and "#content" is the ID wrapping my content in the external page.  

Any assistance is appreciated.  This is a great set of tools, I'm just scratching the surface.