Untitled

<html>
<head>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />


</head>
<body>


<button id="clickit">Click it </button>


<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script>
    var $myParentTarget = $('body', window.parent.document);
	$myParentTarget.append("<div id='myDialog' style='display:none;' >soomesweettexts</div>");
	var $myParentPop = $('#myDialog', window.parent.document);

	$myParentPop.dialog({

					autoOpen: false,

					width: 700,

					buttons: {

						"Ok": function() {

							$(this).dialog("close");

						},

						"Cancel": function() {

							$(this).dialog("close");

						}

					}

				});

	$("#clickit").click(function(){

		$myParentPop.dialog('open');

	    return false;


	});

</script>
</body>
</html>