Hi I put together an example look here:
<html>
<head>
<link rel="stylesheet" href="./scripts/css/ui-lightness/jquery-ui-1.8.8.custom.css"/>
<script type="text/javascript" src="./scripts/jquery-1.4.4.js"></script>
<script type="text/javascript" src="./scripts/js/jquery-ui-1.8.8.custom.min.js"></script>
</head>
<body>
<div id="dvmodify">
<iframe id="ifrmmodify"></iframe>
</div>
<script type="text/javascript">
function ShowDialog() {
// setting the width and height of the iframe I leave to you
$("#dvmodify").dialog();
}
function SetIFrameSource() {
$("#ifrmmodify").attr("src", "./Test.html");
$("#ifrmmodify").load(ShowDialog);
}
$(function() { SetIFrameSource(); });
</script>
</body>
</html>
I hope this gives you an idea how to accomplish your task!
Best Regards,
Manfred