Move jQuery dialog popup anywhere outside of the parent window -
i have jquery ui dialog popup done, , issue have unable move outside of containing window. want able move dialog popup window create using javascript's window.open method (which can moved anywhere in screen)
any suggestions, or ideas? have tried containment property buy still not going outside of parent screen.
code:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function (){ $('#dialog').dialog({ draggable: true, resizeable: true, dialogclass: 'main-dialog-class', title: 'definition', width: 800, height: 600, autoopen: false, show: { effect: "clip", duration: 1000 }, hide: { effect: "explode", duration: 1000} }) $(".opener").click(function () { $('#dialog').dialog("open"); return false; }); if (!$.ui.dialog.prototype._makedraggablebase) { $.ui.dialog.prototype._makedraggablebase = $.ui.dialog.prototype._makedraggable; $.ui.dialog.prototype._makedraggable = function () { this._makedraggablebase(); this.uidialog.draggable("option", "containment", false); }; } }); </script> </head> <body> <div id="dialog" title="report definition" style="width:800px; height:800px; overflow:scroll;"> <p>this animated dialog useful displaying information </p> </div> <a href="#" class="opener" > click </a> </body> </html>
you cannot jquery dialog, period. jquery dialog html markup part of page.
as far know, option use window.open
. can use whatever html want window.open
, have full control on window (to extent).
Comments
Post a Comment