Old Answer z-index (note the hyphen!) is the property that matters. Make sure you set it greater than the dialogue, and make sure you set it on the correct element. Here’s how we do it: #ui-datepicker-div { z-index: 1000; /* must be > than popup editor (950) */ } API Change – April 17, 2010 … Read more
The problems were: iframe content comes from another domain iframe dimensions need to be adjusted for each video The solution based on omerkirk’s answer involves: Creating an iframe element Creating a dialog with autoOpen: false, width: “auto”, height: “auto” Specifying iframe source, width and height before opening the dialog Here is a rough outline of … Read more
Be sure to insert full version of jQuery UI. Also you should init the dialog first: $(function () { $( “#dialog1” ).dialog({ autoOpen: false }); $(“#opener”).click(function() { $(“#dialog1″).dialog(‘open’); }); }); <script src=”https://code.jquery.com/jquery-1.11.1.min.js”></script> <script src=”https://code.jquery.com/ui/1.11.1/jquery-ui.min.js”></script> <link rel=”stylesheet” href=”https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css” /> <button id=”opener”>open the dialog</button> <div id=”dialog1″ title=”Dialog Title” hidden=”hidden”>I’m a dialog</div>
The correct way to display the alert is to simply return a string. Don’t call the alert() method yourself. <script type=”text/javascript”> $(window).on(‘beforeunload’, function() { if (iWantTo) { return ‘you are an idiot!’; } }); </script> See also: https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload
Try this instead $(document).ready(function() { $(“#divDialog”).dialog(opt).dialog(“open”); }); You can also do: var theDialog = $(“#divDialog”).dialog(opt); theDialog.dialog(“open”); That’s because the dialog is not stored in $(‘#divDialog’), but on a new div that is created on the fly and returned by the .dialog(opt) function.
It looks like writing to the widget to .data(“dialog”) and then trying to operate on it is causing an issue. Here is a sample where .data is not used and the open/close is called based on the element: http://jsfiddle.net/rniemeyer/durKS/ Alternatively, I like to work with the dialog in a slightly different way. I like to … Read more
jQuery provides a method which store data for you, no need to use a dummy attribute or to find workaround to your problem. Bind the click event: $(‘a[href*=/Booking.aspx/Change]’).bind(‘click’, function(e) { e.preventDefault(); $(“#dialog-confirm”) .data(‘link’, this) // The important part .data() method .dialog(‘open’); }); And your dialog: $(“#dialog-confirm”).dialog({ autoOpen: false, resizable: false, height:200, modal: true, buttons: { … Read more
Sorry to drag this up after so long but I used the below. Any disadvantages? See the open function… $(“#popup”).dialog( { height: 670, width: 680, modal: true, autoOpen: false, close: function(event, ui) { $(‘#wrap’).show(); }, open: function(event, ui) { $(‘.ui-widget-overlay’).bind(‘click’, function() { $(“#popup”).dialog(‘close’); }); } });
I have found this worked in the end (note the third line overriding the open function which find the button and hides it): $(“#div2”).dialog({ closeOnEscape: false, open: function(event, ui) { $(“.ui-dialog-titlebar-close”, ui.dialog || ui).hide(); } }); To hide the close button on all dialogs you can use the following CSS too: .ui-dialog-titlebar-close { visibility: hidden; … Read more