jQuery Dialog

The Dialog widget is a part of jQuery UI; it allows you to display content inside a floating window which has a title bar, content area, button bar, drag handle and close button; and it can be moved, resized and closed.



   function dialogOpen(piTitle, piUrl)
   {
	    $("#divDiaglog").dialog({ title: piTitle, autoOpen: false, modal: true, height: 420, width: 680, resizable: true });
	    $("#divDiaglog").html('<iframe id="modalIframeId" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="no" />').dialog("open");
	    $("#modalIframeId").attr("src", piUrl);

	    return false;
   }


jQuery UI Dialog Examples