jquery-ui-dialog

i have a jquery ui dialog and i have a jqgrid on that dialog. When i click Add or Edit, the jqgrid popup (to have a popup on a popup), it shows up to enter in the data BUT . . . .it shows up behind the jquery UI dialog (the zorder is wrong). Is there anyway to have the jqgrid popup set the correct Zorder so this window shows on top of (in front of) the jquery ui dialog so this is usable. I have a screenshot below highlighting the behavior. here is my code: $(document).ready(function () { $("#modalDialogContainer").dialog({ resizable: false, height: 'auto', autoOpen: false, width: 1000, modal:

I would like to mimic a standard JavaScript confirm() using a jQueryUI dialog. I was thinking of something like the following, but I am obviously not understanding how it should work. Any suggestions? Thank you return $("#dialog-cancel").dialog("open"); $("#dialog-cancel").dialog({ autoOpen: false,height: 400,width: 350,modal: true, open: function(event, ui){}, buttons: {'OK': function(){$(this).dialog("close");return true;},'CANCEL': function() {$(this).dialog("close");return false;}} }); Didier Ghys The duplicate is not really useful indeed. I'm sorry for that. Based on this answer , this

I have the below JQuery Dialog script, I'm trying to find out how to fire off a function that clears the form when I close the dialog. function clearForm() { $(':input','#calcQuery') .not(':button, :submit, :reset, :hidden') .val(''); }; // form popup $(document).ready(function() { //var dataString = $("#calcQuery").serialize(); $("#formBox").dialog({ bgiframe: true, autoOpen: false, height: 600, width: 400, modal: false, closeOnEscape: true, title: "Calculator", buttons: { "Calculate": function() { // form post $.ajax({ type: "POST", url: "calc.php", data: $("#calcQuery").serialize(),

how I can create and add new options for jQuery dialog? for example: I like that through on the setting options can control the display of title bar or display the close button. The script would be like this: $("#message").dialog({ showTitle:false, //new option (hide Title bar) showCloseButton:true //new option (show close button) modal:true... //other options }) It's a little easier than I expressed in my comment. // store old method for later use var oldcr = $.ui.dialog.prototype._create; // add the two new options with default values $.ui.dialog.prototype.options.showTitlebar = true; $.ui

Okay I have a jQuery dialog box which has a form in it and I am at my wits end trying to figure this out... Lets see if I can verbalize what I am trying to do.. I have 3 text boxes. #apInterest , #apPayment and #apPrincipal in that exact order. basic english terms of what i am trying to do: on keyup in #apInterest if .val is less than 0 or greater than 99.99 trigger an error.. else check ul#mylist if it has any li , if not .hide on keyup in #apPayment if .val is less than 0 trigger an error else check the list for li hide if not. #apPrincipal is the same thing exactly as #apPayment what I have

I am using knockout js on a view to display a list of fields (ie, first name, last name, etc). The fields are listed inside a knockout template using the an observable array. The template contains the following fields: name (input), translation (select), and an add/remove function. (See below) var viewModel = { Fields: ko.observableArray([new Field(2, "First Name", 1), new Field(3, "Last Name", 2)]), AvailableTranslations: ko.observableArray([new Translation(1, "Prefixes"), new Translation(2, "Suffixes")]), remove: function(item) { ko.utils.arrayRemoveItem(this.Fields, item) }, add: function()