jQuery dialog with form submission

i have mangaged use jquery ui dialog functionality have dialog window pop , load separate .cfm file empty div when link clicked:

 

<a href="formfile.cfm" rel="modalwindow_external" title="retrieve password">click here</a>

 

<div id="modalwindow_external"></div>

 

 

the form opens correctly modal dialog window:

 

$('a[rel=modalwindow_external]').each(function(){

        $(this).click(function(f) {

            // modal windows load external files

            $('#modalwindow_external').dialog({

                modal: true,

                height: 500,

                width: 650,

                title: $(this).attr('title'),

                draggable: false,

                resizable: false,

                autoopen:false

            });

 

            f.preventdefault();

 

            var url = $(this).attr('href');

 

            $('#modalwindow_external').load(url,function() {

                $('#modalwindow_external').dialog('open');

            });

 

            return false;

        });

    });

 

 

and submits using submit button within form itself, not dialog box button. however, action set submit form cf file, when submit button clicked, called file opens own window, rather staying within dialog window.

 

what happen form submit , process within dialog window - there possibility of multi-step process, depending on user input. if mutliple instances need opened , closed handle this, that's fine, i'm not sure start - i've spent hours on google , haven't gotten anywhere!

 

does make sense? please advise! thanks.

More discussions in ColdFusion

adobe