jquery-ui-dialog

How can I close all opened dialog boxes in jQuery ? The situation is next: I have a simple page without dialogs. It has some buttons what open it owns dialogs. When I click on a button I need to close all opened dialogs. Here is the HTML: <div id="buttons"> <a href="#" id="btn_1">Button 1</a> <a href="#" id="btn_2">Button 2</a> <a href="#" id="btn_3">Button 3</a> </div> <div id="dialog_1" class="dialogbox">...</div> <div id="dialog_2" class="dialogbox">...</div> <div id="dialog_3" class="dialogbox">...</div> And here is the jQuery: $(function() { $('#buttons').find('a').click(function() { //

I am trying to open a modal jquery dialog using jquery 1.4 and jquery-ui-1.8rc3.custom.js The dialog opens up with no issues, in all browsers, but in IE 7 and 6, after the dialog opens up, the window scrolls itself to the buttom... I tried scrolling the window up back to the modal position but is very inconsistent. was using the following line of code after opening up the modal window.scrollTo($('#selector').dialog('option', 'position')[0],$('#selector').dialog('option', 'position')[1]); One weird thing I am noticing is that after I open the modal, the page becomes huge... as if some extra

I'm new to JQueryUI, and though I have a dialog working, it doesn't open at the size I think I'm specifying. Why does setting the width and height when the dialog is defined not affect the initial size of the dialog? How do I make it 600px by 500 px? Here is the div that defines the dialog: <div id="dialog-form" title="Create Appointment"> <form> . . . </form> </div> Here is the JavaScript that makes a dialog of it: $(function() { $("#dialog-form").dialog({ autoOpen: false, maxWidth:600, maxHeight: 500, width: 600, height: 500, modal: true, buttons: { "Create": function() { $(this).dialog(

I have a form that adds links to a database, deletes them, and -- soon -- allows the user to edit details. I am using jQuery and Ajax heavily on this project and would like to keep all control in the same page. In the past, to handle editing something like details about another website (link entry), I would have sent the user to another PHP page with form fields populated with PHP from a MySQL database table. How do I accomplish this using a jQuery UI modal form and calling the details individually for that particular entry? Here is what I have so far- <?php while ($linkDetails = mysql_fetch

Possible Duplicate: jQuery UI: How to use ui-widget-overlay by itself? I want to avoid the user to change the screen during ajax calls. So I was thinking to use jQuery UI overlay (the overlay of the modal dialogs) but without any dialog. I couldn't find any way to do this. Is there any way to show a modal without a dialog? Diego I take this answer of another SO question. Here there is a fiddle . And the code: $("body").append($.ui.dialog.overlay.create()) The dialog with the modal option set to true adds the following div, where width and height represent the viewable area in the browser

I try to extend UI dialog according to documentation (UI version 1.8.16): (function($) { $.widget('ui.mydialog', $.extend(true, $.ui.dialog.prototype, { _create: function() { return $.Widget.prototype._create.apply(this, arguments); } })); })(jQuery); $(function() { $('div#dialog').mydialog(); }); Executing of this code causes JS error: "this.uiDialog is undefined". And if try to override the _init() method there are no errors, but parent method call takes no effect. I'm confused.. Which way is legal to extending for e.g. put some custom initialize code? William Niu I think this post would