Hello,
So what I'm basically trying to do is load Google Calendar (iframe) in
the ui dialog. This does not work when you enable the "show" effect
with some websites. I tried loading google.com in the iframe and that
worked.

This is what I tried:
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/overcast/jquery-
ui-1.7.2.custom.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-
ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
        {
                $("#dialog-cal").dialog({
                        autoOpen: false,
                        show: 'blind',
                        hide: 'fold',
                        width: 'auto',
                        modal: true
                });
                $('#cal-link').click(function() {
                        $('#dialog-cal').dialog('open');
                        return false;
                });
        }
);
</script>
</head>

<body>
<table>
<tr><td><a id="cal-link" href="">Calendar</a></td></tr>
</table>
<div id="dialog-cal">
<iframe src="" style=" border-width:0 " width="800" height="600"
frameborder="0" scrolling="no"></iframe>
</div>
</body>
</html>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to