jquery-ui-dialog

I am trying to solve a z-index problem with the jQuery UI Dialog, similar to question Can't select or deselect checkboxes inside jQuery UI Modal Dialog , knowing there is a bug report out there. So in trying to up the z-index as recommended, I added the following code: $('#interface').click(function(evform){ $('#interface').prop('z-index')=99999; }); where the chrome and firefox console.log states: Uncaught ReferenceError: Invalid left-hand side in assignment HOWEVER, despite the error, the checkbox now works (throwing the console error every time). If I remove the offending line, the checkbox

I have a delete button in a gridview. For those not familiar with asp.net my delete button outputs like so: <a id="ctl00_cp1_dtgrAllRates_ctl02_lbDelete" class="lb" href="javascript:__doPostBack('ctl00$cp1$dtgrAllRates$ctl02$lbDelete','')"> Delete</a> I have a confirmation dialog hooked up to all the delete links in the gridview to ask the user if they are sure they want to delete. It pops up no problem but I want to fire the postback (the href value) if they click confirm. I'm not sure how to do this as the dialog code is seperate to the link that is clicked so I can't just grab the href on

I have the following: <ol id="listItems> <li id="listItem-1"> <span class="title">Item 1</span> <span class="delete">delete</span> </li> <li id="listItem-2"> <span class="title">Item 2</span> <span class="delete">delete</span> </li> <li id="listItem-3"> <span class="title">Item 3</span> <span class="delete">delete</span> </li> <li id="listItem-4"> <span class="title">Item 4</span> <span class="delete">delete</span> </li> </ol> What I want to do here is anytime .delete is clicked, I want to show a jQuery ui-dialog for confirmation, Yes or No.... If the user says yes then continue with the

I've got a main content div, and I'd like to centre the dialog to that div, rather than to the page. Any ideas? I know there's a position utility, but I can't work out how to use it with the dialog position options. You're correct, .position() is the way to go here, like this: ​$("#dialog").dialog() .parent() //remember .dialog() wraps the content in another <div> .position({ my: 'center', at: 'center', of: '#parent' }); //or just .position({ of: '#parent' }); ​ In the above #parent it the parent element selector, you can give it a try here . You want the my and at properties to be center so

So I'm trying to combine the Dialog with the Tabs UI components form jQuery UI am I'm almost there but I cannot seem to move the dialog close button from the Dialog UI titlebar into the Tabs UI. I tried to move the existant Dialog UI titlebar close button to the Tabs UI bar but that presented lots of problems and the button moved on mouse hover. I tried to create buttons with the close icon in the Tabs UI bar but this is proving to be difficult to position the button on the far right side, with the look and feel of a button (with the close icon on it). The problem is that the Tabs UI bar only

I want to close all jquery dialogs before open a new dialog. I'm trying with following code. $(".ui-dialog-content").dialog("close"); It works but it too close new dialog too. please help me anyone. Try: $(".ui-dialog-content").not(<selector for the dialog you don't want to close>).dialog("close"); Just ran into this myself. I solved it like this. .dialog is a class that all the elements I made into dialogs share. $(".ui-dialog:visible").find(".dialog").dialog("close"); How are you opening the new Dialog? You must be opening each dialog using it's own code, e.g. $('#dialog1').dialog(); $('

I am having trouble getting to grips with OOP in jQuery UI, with regards to classic OOP that I'm used to. As far as I can tell, I have created a new plugin (widget) called 'modal' that extends the UI dialog widget. Now how do I override dialog's close() method, but also call the original method so that I don't lose its functionality? $.widget('ui.modal', $.ui.dialog, { close: function() { // How do I do something to the current modal DOM object? // Is this correct? $(this).addClass('test'); // Then call the parent close() method to keep all original // functionality of dialog.close() // ??? }

i have problem with jQuery-ui Dialog when using ajax $.ajax({ url: "folders.php", cache: false, data: { 'do' : 'Ajax' ,'_a' : 'ChangeMoviesFolder' ,'MovieIDS' : MovieIDS ,'toFolderID' : toFolderID ,'fromFolderID' : fromFolderID }, context: document.body, open: function(event, ui) { alert('open'); }, error : function(XMLHttpRequest, textStatus, errorThrown){ // Handle the beforeSend event // alert("responseText: "+errorThrown.message); }, success: function(data){ $('input.checkMovie').attr('checked',0); $("#resultsTable").find('tr.selectable-row').removeClass('active'); if (data == '1') {