jquery-ui-dialog

Is it possible to display a jQuery modal dialog box with .toggle() method?

For the typical AJAX request to the server I bind ajaxStart and ajaxStop events to the opening and closing of a modal jQueryUI dialog box. However, I have another use case where there are 1 or more divs (usually 5 sections) which contain fairly large tables displaying rows of data retrieved from the database. I have noticed a considerabl...

handling errors in form on jquery ui dialog

i am using jquery ui dialog and displaying a form: $("#detailView").dialog({ resizable: false, height: 'auto', autoOpen: false, width: 1000, modal: true, buttons: { 'Close': function () { closeModalPopup(); } } }); i have a button inside my form (not the dialog buttons). When i ...

Append jQuery UI dialog to ASP.NET form on document ready

I have jQuery UI dialog with ASP.NET. I wrap a list of check boxes in the dialog. Since, it's an "Edit page", some of the checkboxes are already checked because the data fetched from datatbase when page is first loaded. I have no problem when I click on the link to open dialog, and everything works as expected. However, if I don't cli...

Animate jquery ui dialog when content expands or contracts while staying centered

I have a jquery ui dialog popup, and then inside are buttons to show/hide content. If one button is clicked, when the content expands... I simply call: var position = $(selector).dialog( "option", "position" ); $(selector).dialog( "option", "position", 'center' ); To recenter the dialog on the screen. The problem or question I have ...

JQuery UI dialog display action (Rails 3)

Hi All! Before I start, I'm a beginner at javascript, rails 3 and jQuery so please provide full examples. Here is what i'm trying to do: I have build a rails app with scaffold and changed the default javascript to jQuery in order to make a piechart on the dashboard work. So now I though I could add the jQuery UI and display a dialog b...

Display jquery dialog on postback in ASP.NET after saving a new record.

What I would like to do is have the user add a new record to the database and popup a JQuery dialog confirming that the new record was saved. I thought this would be a simple exercise. I have a gridview bound to a LINQDataSource to allow the user to view and edit existing records and a textbox and a button to add new codes. In the h...

Display loading.gif until page is loaded in iframe inside jquery ui dialog

I would like to display loading.gif when clicking jquery ui dialog with iframe until page is loaded inside iframe. Does anybody knows something about this issue? Is it possible? Here is my code: $('.dialog').click(function(e) { e.preventDefault(); var $this = $(this); var horizontalPadding = 30; var verticalPadding = 30...

Use FCKeditor in JQuery UI Dialog

I try to use FCKEditor in JQuery UI dialog. It works for Chrome, but I have some problems with Opera and FF. When I try to create FCKEditor, it submits page without any reason. <div id="dialog" title="Basic dialog"> <form method="post" id="myform"> <script type="text/javascript"> //<![CDATA[ var oFCKeditor = new FCKeditor('...

How to make entire screen blackish when jquery ui popup is visible?

How to make entire screen blackish when jquery ui popup is visible? ...

jQuery UI Dialog - Position

Hi I'm trying to fix a dialog. The sticky property sticks it, but I need to fix the dialog where the div is. Basically I need the dialog behave like an regular div (if I set it inside an table, it stays there. Not in the middle of the screen). I know this is related with position effect, but I can't figure out how to make this. Thank...

jQuery UI: How to use ui-widget-overlay by itself?

I am trying to create an overlay, similar to the one that jQuery UI Dialog uses. I can create the overlay like this: var $overlay = $('<div class="ui-widget-overlay"></div>').hide().appendTo('body'); //...later in my script $overlay.fadeIn(); But the overlay cuts off when I scroll down. I noticed that jQuery UI is setting the width a...

jQuery UI dialog picking title from cache.

Here is the code I'm using http://jsbin.com/evike5/edit When the jQuery UI dialog is fired second time. The updated title is not shown. Am I doing something wrong? ...

Problem when using UI dialog in Jquery UI tabs

Hi All, I have a page with 4 tabs which are dynamically loaded. In each of the tab there are links which invoke dialog. The problem is when I refresh one of the tab the UI dialog which was created due to initialization does not get removed and it is recreating again causing the dialog to not function. Any ideas on how to fix it would b...

Jquery-UI: dialog is not a function error

for example I call it via newDialog("This is title !", "this is my content"); function newDialog(mytitle, mycontent){ var $dialog = $('<div id="mydialog"></div>') .html(mycontent) .dialog({ autoOpen: false, modal: false, title: mytitle }); $dialog.dialog('open'); ...

Open Jquery Dialog Using asp.net Gridview Template Field

Hi. How Can I Open Jquery Dialog with and image button that putted in Gridview Template Field? <asp:TemplateField HeaderText="افزودن"> <ItemTemplate> <asp:ImageButton ID="add" runat="server" CausesValidation="false" CommandName="adddetail" ...

Drag Jquery draggable out of it's parent jquery dialog

Hi, I have a jquery dialog that is filled with draggable objects. The droppable target is outside of the dialog. When I initiate a drag, the droppable responds correctly (visual indications that it is a droppable target) and after a drop the correct events trigger so I can correctly handle the drop. The problem is that the dragged ob...

Jquery UI dialog background not growing when form loaded with ajax

When I load a form into a Jquery UI dialog, if the form is longer than the existing page, the background does not continue down the full length of the page. If I use the resizer to shrink the dialog and then stretch it back again then the background stretches with it. Just wondering if there is some kind of function I can call to r...

jquery-ui dialog: how to add tabs to content area ?

How can you add tabbing to the jquery-ui dialog content area ? ...

Can I centre a jQuery UI dialog to a div?

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. ...

jQuery UI Dialog + Validate

I'm having trouble in validating a jQuery UI dialog using Jquery Validate upon clicking Save. Here's my code to create Jquery dialog. It loads the dialog from a target a href URL: $(document).ready(dialogForms); function dialogForms() { $('a.dialog-form').click(function() { var a = $(this); $.get(a.attr('href'),function(resp...