Databases
StackOverflow2013
Postsdbo
POHow to make AjaxForm work with several forms loaded using jquery load()?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to make AjaxForm work with several forms loaded using jquery load()?
    text
    copied!<p>I have a page with a div that is dynamically filled using a paginator ;-) At page init I load the first 10 forms in it using jquery .load() method.</p> <p>What I'd like to do is to make all the forms dynamically updatable using AjaxForm plugin. I know about server side, let's call it update.asp. It works.</p> <p>But there are several questions:</p> <ol> <li><p>How to make plugin work in the first place as the AjaxForm seems not to work to the firms inside a dynamically loaded div?</p></li> <li><p>How do I ID and name the forms? Now I used ID and name myForm to all of them (maybe that is why it doesn't work). Because if I use name myForm1, myForm2 etc... I have to write 10 ajaxForm functions that I use:</p> <pre><code> $('#myForm').ajaxForm({ beforeSubmit: showLoader, success: hideLoader }); </code></pre></li> </ol> <p>I would then need to make this 10 times using myForm1 to myForm10? There must be another way...</p> <ol start="3"> <li>How do I make AjaxForm work with the pages that are not loaded yet? I think this is the same problem as 1). Because even page 1 is loaded dynamically somehow the ajaxForm doesn't get bind to the form.</li> </ol> <p>Sorry, I am quite new to jquery, I am trying hard to study it, I tried this quite some time before I wrote here. If you can help me, I'd be very gratefull.</p> <p>Yours</p> <p>Jerry</p> <p>EDIT: Here is my loader now... It is not working OK, as the loader is never shown, it dissapears so fast I can see it only if I put alert in the hideLoader :-(((</p> <pre><code> function load(num){ showLoader2(); var link='/obdelaneslike.asp?ID=&lt;%=request.QueryString("IDRecept") %&gt;&amp;offset='+ num $('#content').load(link, function(){ hideLoader2(); $('.ajax-loader').hide(); $('.myForm').bind("submit", function(event) { $(this).ajaxForm({ beforeSubmit: showLoader($(this).find('img.ajax-loader').attr('id')), success: hideLoader($(this).find('img.ajax-loader').attr('id')) }); return false; }); }); } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload