asked on 5/28/2012

Getting Jquery dialog to work

I would like some help in getting Jquery Dialog working. So far I have used Jquery tutorials to get going but have reached a bit of a cul de sac. I am trying to fire a JQ dialog from a javascript and not from a click. The dialog fires OK but im at a loss trying to catch its returns. So I have the following.

In the document ready script

jQuery('#remove_dialog').dialog({
autoOpen: false,
width: 400,
modal: true,
resizable: false,
buttons: {
"OK": function() {
 jQuery(this).dialog("close");
return true
},
"Cancel": function() {
jQuery(this).dialog("close");
 return false
}
}
});

and a div with the dialogue
<div id="remove_dialog" title="Confirm Action ">
 You clicked to remove car:

Click "OK" to remove.
If not, click Cancel.
</div>
and the function which fires the dialog

function remove(){
var iFrame = document.getElementById('formsframe')
OForm=iFrame.contentDocument.getElementsByTagName('form')[0]
carreg = OForm.registration.value;

document.getElementById('dialog-rego').innerHTML=carreg
return jQuery('#remove_dialog').dialog('open');

reggo=loadTextDoc("POST","php/remove.php?q="+carreg,false);
warning(carreg+ " has been removed from the database");
return false;
}
So..how do I catch and interpret the returns from the dialog, control doesnt appear to pass back to the remove function.

Thanks for any help

jQuery

Last Comment

cookers

5/30/2012

Jon Norman

5/28/2012

return stops the current script and returns the value you specify, you want:

function remove(){
  var iFrame =  document.getElementById('formsframe')
  OForm=iFrame.contentDocument.getElementsByTagName('form')[0]
  carreg =  OForm.registration.value;

  document.getElementById('dialog-rego').innerHTML=carreg
  if( jQuery('#remove_dialog').dialog('open')){
    reggo=loadTextDoc("POST","php/remove.php?q="+carreg,false);
    warning(carreg+ " has been removed from the database");
    return false;
  }
}

Open in new window

I have left the return false at the bottom of your script, I don't know what you want to return from remove();

cookers

5/29/2012

ASKER

Thanks..I tried the script you suggested with no luck. The dialog returns [div#remove_dialog.ui-dialog-content] in response to the line " if( jQuery('#remove_dialog').dialog('open'))" and it returns it immediately before a button is selected in the dialog. It is returning data from the div containing the dialog parameters so maybe I should try another way of scripting the dialog

Jon Norman

5/29/2012

OK, will try this out on jsfiddle, will get back to you with an answer in a bit.

ASKER CERTIFIED SOLUTION

Jon Norman

5/29/2012

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

cookers

5/30/2012

ASKER

Thanks, next step for me now that is solved is to move from old fashioned AJAX to jquery AJAX..wish me luck