jquery-ui-dialog

Trouble with jQuery Dialog and Datepicker plugins

由 旧街凉风 提交于 2019-11-26 08:12:16
问题 I have a dialog, and I have a datepicker field on the dialog. When I open the dialog and click in the datepicker field, the datepicker panel show behind dialog. I try more properties: zindex, stack, bgiframe, but not success. Someone can help me? Tks. 回答1: 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

How to display an IFRAME inside a jQuery UI dialog

由 丶灬走出姿态 提交于 2019-11-26 08:02:51
问题 The web application that I am upgrading uses jQuery and jQuery UI. I have replaced most instances of window.open and <a target=_blank> with jQuery UI dialog. For example, the terms and conditions used to open in a new window; now I use jQuery UI dialog with AJAX. For consistency I plan to use it wherever possible. One such place is a page where I\'ll have external links to videos. Something like: <a href=\"http://website.com/videos/1.html\" target=\"_blank\"><img src=\"http://website.com

Error: TypeError: $(…).dialog is not a function

由 对着背影说爱祢 提交于 2019-11-26 07:40:33
问题 I am having an issue getting a dialog to work as basic functionality. Here is my jQuery source imports: <script type=\"text/javascript\" src=\"scripts/jquery-1.9.1.js\"></script> <script type=\"text/javascript\" src=\"scripts/jquery-ui-1.11.1.js\"></script> <script type=\"text/javascript\" src=\"scripts/json.debug.js\"></script> Html: <button id=\"opener\">open the dialog</button> <div id=\"dialog1\" title=\"Dialog Title\" hidden=\"hidden\">I\'m a dialog</div> <script type=\"text/javascript\"

jQuery UI Dialog OnBeforeUnload

由 假如想象 提交于 2019-11-26 06:00:35
问题 I have a small problem. I\'m attempting to catch the OnUnLoad Event of the Window and ask a confirmation question and if the user decides they want to stay then fine, and if they want to leave the page then they\'ll lose all unsaved data. Here\'s the issues... I\'m using a jQuery UI Dialog and when I put the following code on my page, I have the Dialog open, and when I click the back button on the browser, it never pops up the msgbox. It just refreshes the page: <script type=\"text/javascript

Passing data to a jQuery UI Dialog

由 扶醉桌前 提交于 2019-11-26 03:47:51
问题 I\'m developing an ASP.Net MVC site and on it I list some bookings from a database query in a table with an ActionLink to cancel the booking on a specific row with a certain BookingId like this: My bookings <table cellspacing=\"3\"> <thead> <tr style=\"font-weight: bold;\"> <td>Date</td> <td>Time</td> <td>Seats</td> <td></td> <td></td> </tr> </thead> <tr> <td style=\"width: 120px;\">2008-12-27</td> <td style=\"width: 120px;\">13:00 - 14:00</td> <td style=\"width: 100px;\">2</td> <td style=\

jQuery UI - Close Dialog When Clicked Outside

由 依然范特西╮ 提交于 2019-11-26 02:06:45
问题 I have a jQuery UI Dialog that gets displayed when specific elements are clicked. I would like to close the dialog if a click occurs anywhere other than on those triggering elements or the dialog itself. Here\'s the code for opening the dialog: $(document).ready(function() { var $field_hint = $(\'<div></div>\') .dialog({ autoOpen: false, minHeight: 50, resizable: false, width: 375 }); $(\'.hint\').click(function() { var $hint = $(this); $field_hint.html($hint.html()); $field_hint.dialog(\

How to remove close button on the jQuery UI dialog?

由 淺唱寂寞╮ 提交于 2019-11-26 01:48:07
问题 How do I remove the close button (the X in the top-right corner) on a dialog box created by jQuery UI? 回答1: 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; } 回答2: Here

How to remove close button on the jQuery UI dialog?

由 这一生的挚爱 提交于 2019-11-25 23:13:23
How do I remove the close button (the X in the top-right corner) on a dialog box created by jQuery UI? Robert MacLean 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; } David Here is another option just using CSS that does not over ride every dialog on the page. The CSS
订阅 jquery-ui-dialog