jquery-ui-dialog

jQuery UI confirmation dialog and asp.net postback

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

Make Submit button not kill my dialog box

okay .. nooob alert.. sorry I have a form and Im trying to perform ajax posts. With the default submit button the dialog window closes, with the jquery button, nothing happens. I want the dialog window to stay open so I can keep doing ajax requests uninterrupted and only close when I press esc or click the big "X". Thanks <div id="...

jQuery dialog continue click event on form validation

On pdf downlaod link need to open a jQuery dialog and have a form taking name, email and a confirmation checkbox. There will be some validation on the fields eg. required min and max size etc... Have initialised the dialog on page load and the dialog is opened on pdf download link. $("#dialog").dialog({ bgiframe: true, autoOpen: f...

jQuery UI confirmation dialog - manipulating output

I need to modify the dialog confirmation buttons. I want to have the confirm and cancel buttons swapped around (so cancel is to the right not the left of the confirm button). I also want to change the background image on the confirm button so that it's a different colour. I thought about doing this in seperate jQuery code so that I don't...

iFrame in jQuery UI dialog causes horizontal scrollbar on parent

I'm using the jQuery UI dialog to present content in a new iFrame. Everything works out great except that the parent window of the dialog is getting a horizontal scrollbar while the dialog is displayed (IE8). I've tracked down the problem to the <html> element within the iFrame being interpreted as very wide by the browser, even though...

jQuery UI Dialog Buttons Not Responding to click_button or selenium.click in Selenium/Webrat

Has anyone been able to get the jQuery UI Dialog buttons to respond to click_button or selenium.click? I can't seem to be able to get this to work. Basically, I'm trying to test a form in a jQuery UI Dialog in a Rails app using Cucumber/Webrat/Selenium. I have a page with many table rows, and each row on click fires off a dialog box w...

JQuery Clear Form on close

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(); ...

jQuery UI dialog dynamic height and width

Hi, I'm using jQuery UI dialog with an iframe: function showDialog(url, title, refresh){ var horizontalPadding = 30; var verticalPadding = 30; var width = 650; height = 800; $('<iframe id="modalIframeId" allowtransparency="true" style="background-color:#c0c0c0;" frameborder="0" class="ModalIFrame" src="' + ur...

jQuery UI Dialog adding unwanted inline styles to images

I am using JQUery UI to for the front end of a rails app I am developing. I am using jQuery dialog windows for displaying some tabbed data and inside one of these tabs I want to render some images. The rendering of the images works fine if I view the page without Javascript, however for some reason when putting it all in a dialog windo...

jQuery UI Dialog OnBeforeUnload

I have a small problem. I'm attempting to catch the OnUnLoad Event of the Window and ask a confirmation question and if the user decides they want to stay then fine, and if they want to leave the page then they'll lose all unsaved data. Here's the issues... I'm using a jQuery UI Dialog and when I put the following code on my page, I h...

How can I pass an element to a jQuery UI dialog box?

Goal I've got a web page with a table of items. Each item has a delete button beside it. When that button is clicked, I want to Ask the user to confirm Delete the corresponding item from the database Remove that item's row from the list Current solution Right now, I'm doing something like this: $('button.delete').click(function()...

double click on li open jquery dialog

I have an unordered list in this format: <ul> <li><img src="yahoo.jpg"/></li> <li><img src="google.jpg"/></li> </ul> What I want is when I double click on any image, a jquery pop up open with full image. Thanks for help. ...

trigger jQuery function after location.reload() completes

I have a Rails app that allows users to login via jQuery modal form. Once logged in, I refresh the original page using location.reload(). At this point, I'm attempting to create a new jQuery dialog. How can I open the dialog only after location.reload() has finished executing? Right now the dialog is loading up before location.reload...

Display jquery dialog in parent window

I have a website, that uses an iframe. The iframe itself is the content of the website. Now in the iframe I would like to use the jQuery Dialog. However when using it, the overlay and dialog is only displayed inside the iframe not on the parent. My parent html has the following html defined for the dialog: <div id="modalHolder"></div> ...

JQuery UI dialog - *Dialog not a function* error

I am developing a site using pinax. In one of my templates I am trying to open a simple jquery dialog box. However I keep getting the "Dialog not a function" javascript error. I am using jquery 1.2.6 and jquery-ui 1.6. My javascript and HTML are as follows: <html> <head> <link type="text/css" href="/site_media/smoothness/ui.all.css" re...

jquery dialog close not fired

I have defined my dialog on the page load. I can see the dialog and everything seems to be fine so far: dlg1 = $("#modalHolder"); dlg1 = dlg1.dialog({ width: 300, height: 150, modal: true, autoOpen: false, resizable: false, closeOnEscape: false, draggable: false, overlay: { backgroundColor: 'red',...

how to submit html form in jquery ui modal dialog itself

I am using jquery ui dailog box to display a form.When i click on submit, I want the form to perform action in the same div which is used to display the dailog box. But after form submission the response just displays the returned page on the parent window and not within the dialog. ...

why does jquery ui dialog break asp.net mvc's default model binding . .

i just took the demo jquery UI dialog (model dialog) sample and tried to include it in my asp.net mvc project and i have observed something weird. If you have content inside a jquery ui dialog div tag, the default model binder doesn't pick it up during posting to the server as it if removed these elements from the form the full view...

tinymce only readable in jquery ui dialog

Hi i'm using tinymce in a jquery ui dialog. But is only readable why? How can i fix it? thanks ...

Initiate jQuery UI Dialog from a result of AJAX call

I have Page A which calls Page B using AJAX. Page B will be put in a div container in Page A. Within the result (which is Page B), there's a code that will initiate a jQuery UI Dialog. The div for the dialog is also in Page B. However, it doesn't work. I'd have to put the initiation code in Page A. So, if I want to put the initiation cod...