<head>
<title>jQuery
Show Popup on Page Load</title>
<link
rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
</head>
<body>
<button
id="dialog_trigger">Open The Dialog</button>
<div
id="dialog" style="display:none; margin-top:30px;"
title="Dialog Title" align="center">
<iframe
frameborder="0" scrolling="no" width="800"
height="400" src="../html.1/my_project/banner_1.html">
</iframe>
</div>
<script
src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script
src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script>
$(
"#dialog_trigger" ).click(function() {
$(
"#dialog" ).dialog( "open" );
});
$("#dialog").dialog({
autoOpen: false,
position: 'center' ,
title: 'EDIT',
draggable: false,
width : 900,
height : 500,
resizable : true,
modal : true,
});
</script>
</body>
</html>