jquery-ui-dialog

How to keep the jQuery UI dialog opened when closing fancybox using the “escape” key

由 空扰寡人 提交于 2020-01-03 07:01:09
问题 This is a reformulated question from the original posted here I have a page with a jQuery UI Dialog, and I open Fancybox from a link inside of such Dialog window. The typical UI Dialog init is like: $("#dialog-modal").dialog({ height: 240, modal: true }); // dialog ... and the typical Fancybox (v2.1.1 in this example) init like: $(".fancybox").fancybox({ closeClick: false, helpers: { title : { type : 'inside' } } }); // fancybox ... so far so good, nothing special. Then the html : <div id=

How to implement JQuery confirm dialog with JSF

由 大兔子大兔子 提交于 2020-01-03 04:18:11
问题 I want to use JQuery dialog when I press a button into JSF page in order to confirm action execution(in my case to confirm the deletion of rows). I found this JQuery code working perfectly: <html> <head> <title>jQuery UI Example Page</title> <link type="text/css" href="css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" /> <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

How can I tell if a jquery ui dialog query has been initialized?

由 ⅰ亾dé卋堺 提交于 2020-01-02 02:51:09
问题 I have the following code to detect if a jquery ui dialog is open: if ($("#dialog-myDialog").dialog("isOpen")) { return; } which works fine but I found a situation where this code get called prior to the dialog being initialized in the first place and this if statement seems to just blow up in this case. What is the best way to check if a jquery ui dialog has been initialized so I can properly handle this situation. 回答1: Test whether the element has the ui-dialog-content class: if ($("#dialog

jQuery UI dialog close doesn't clear dialog

由 左心房为你撑大大i 提交于 2020-01-01 12:15:07
问题 Using jQuery UI, I have a tabs plugin and within tab 1 gets loaded a page that contains a table and in each row is a link to a dialog. Everything works correctly, save the following: In the dialog is an option to delete the row from which the current dialog was opened from. After confirming, and deleting the row, the tab is refreshed and the new table is shown with the relevant row deleted. Now, the problem is that after closing the dialog where I did the deletion (either though the

jQuery UI Dialog Titlebar too tall

由 大兔子大兔子 提交于 2020-01-01 08:17:09
问题 I am using a jQuery UI Dialog to pop-up some supplementary information on one of my pages. For some reason, in Chrome 11 and Firefox 4, the titlebar is ridiculously tall. For some reason it is ok in IE 9. Here's a screenshot of what it looks like: I have tried manually setting the height of the title bar, which only resizes the colored area of the title bar, but does not adjust the position of the title text or paragraph text. Inspecting in Chrome developer tools reveals no odd margins or

jQuery UI dialog is setting iframe width automatically

由 若如初见. 提交于 2020-01-01 03:19:27
问题 I want to ask why jQuery UI dialog is setting the width to "auto" automatically? Below is my iframe to be constructed a dialog. <iframe id="pklist3" class="ui-dialog-content ui-widget-content" frameborder="0" src="http://localhost/picker" style="width: 570; height: 410px; min-height: 0px;" scrolltop="0" scrollleft="0"> It has a fixed width and height. But every time I call the "dialog('open')" the width gets to "auto" by itself. As for the height it was set to some fixed value (I guess it's

jQuery UI Dialog with Form Validation Plugin

由 元气小坏坏 提交于 2020-01-01 03:17:06
问题 I am currently using the bassistance validation plugin for my forms. And I am using a pop-up modal dialog box to house a form that needs to be validated, but for some reason it isn't calling my form... all of my ID's and references are working and I still don't any success. Perhaps someone can shed some light for me. Here is my Javascript code. $("#addEventDialog").dialog("open"); $("#addEventDialog").dialog({ title: 'Add Event', modal: true, buttons: { "Save": function() { $("#interestForm")

transfer data from javascript popup multiline textbox to a select control

由 你说的曾经没有我的故事 提交于 2019-12-31 04:00:56
问题 I am trying to transfer data from a multiline textbox to a select control. The multiline textbox appears as a popup and I want all the records pasted in the textbox to be transferred to the select control once the user will click submit in the popup window. Probably with jquery or javascript, or maybe something else. The page is built in MVC3 Razor. Here is the code from the page: The script for the popup control: <script type="text/javascript"> $(function () { $("a[id^=opener]").click

How to properly attach event to “close dialog” for “columns chooser” of jqGrid?

由 守給你的承諾、 提交于 2019-12-30 10:37:27
问题 I'm having some trouble properly using the close dialog event for the columns chooser plugin/widget of jqGrid. Here's what I have - I start with the jqGrid initialization with the column chooser attached at the end, like so ticketsTable = tableWrap.jqGrid({ url: ... , datatype: ... , ... loadComplete: function(d) { ... } }) .navGrid('#ticketsList_footer', {edit:false, add:false, del:false, cloneToTop:true}) .navButtonAdd('#ticketsList_toppager', { caption: "Columns", title: "Reorder Columns",

How to properly attach event to “close dialog” for “columns chooser” of jqGrid?

由 风格不统一 提交于 2019-12-30 10:37:09
问题 I'm having some trouble properly using the close dialog event for the columns chooser plugin/widget of jqGrid. Here's what I have - I start with the jqGrid initialization with the column chooser attached at the end, like so ticketsTable = tableWrap.jqGrid({ url: ... , datatype: ... , ... loadComplete: function(d) { ... } }) .navGrid('#ticketsList_footer', {edit:false, add:false, del:false, cloneToTop:true}) .navButtonAdd('#ticketsList_toppager', { caption: "Columns", title: "Reorder Columns",
订阅 jquery-ui-dialog