Dialog + iframe (some pages) + show effect + IE = Bug?
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>