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.