[jQuery] Need a callback function to delay processing...
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>How can I make a callback function that delays the
functioning of the last 4 lines below until after<o:p></o:p>
<p class=MsoNormal>the form that’s submitted by this code is completely
processed. Images are being processed<o:p></o:p>
<p class=MsoNormal>on the server side and that takes a few seconds. Right
now my response dialog ( last line) is appearing<o:p></o:p>
<p class=MsoNormal>before the image processing is complete and if the “Close”
button that is a part of that response dialog<o:p></o:p>
<p class=MsoNormal>is clicked, then it interrupts the images processing.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>So I need for the form to be completely processed before the
response dialog appears.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Thanks for any help and suggestions!<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Rick<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Here’s the code:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>function processAddRentalPropertyForm() {<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> var addNewRentalPropertyForm
= $(‘#addNewRentalPropertyForm’);<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> addNewRentalPropertyForm.submit(function(objEvent)
{<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> var
jThis = $(this);<o:p></o:p>
<p class=MsoNormal> var
strName = (“uploader” + (new Date()).getTime());<o:p></o:p>
<p class=MsoNormal> var
jFrame = $(“<iframe name=\”” + strName + “\”
src=\”about:blank\” />” );<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> jFrame.css(“display”,
“none”);<o:p></o:p>
<p class=MsoNormal> jFrame.load(function(objEvent)
{<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> var
objUploadBody = window.frames[strName].document.getElementsByTagName(“body”)[0];<o:p></o:p>
<p class=MsoNormal> var
jBody = $(objUploadBody);<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> });<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> $(“body:first”).append(jFrame);<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> jThis
.attr(“action”, “rentalProperties.cfc?method=mAddRentalProperty&returnFormat=json”
)<o:p></o:p>
<p class=MsoNormal>
.attr(“method”, “post”)<o:p></o:p>
<p class=MsoNormal>
.attr(“enctype”, “multipart/form-data”)<o:p></o:p>
<p class=MsoNormal>
.attr(“encoding”,
“multipart/form-data”)<o:p></o:p>
<p class=MsoNormal>
.attr(“target”,
strName)<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> });<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> var dialogPosition =
$(window).scrollTop();<o:p></o:p>
<p class=MsoNormal> var dialogPosition =
dialogPosition + 100;<o:p></o:p>
<p class=MsoNormal> $(‘.rentalPropertyAddResponseDialog’).css(‘top’,
dialogPosition);<o:p></o:p>
<p class=MsoNormal> $(‘.rentalPropertyAddResponseDialog’).fadeIn(250);<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>}<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><i><span style='color:#BFBFBF'>-------------------------------------------------------------------------------------------------------------------<o:p></o:p></span></i>
<p class=MsoNormal><i><span style='color:#BFBFBF'>"Those who hammer their
guns into plows will plow for those who do not." - Thomas Jefferson<o:p></o:p></span></i>
<p class=MsoNormal><o:p> </o:p>
</div>
</body>
</html>