Jquery ExtAjax Plugin V 1.2: Submit forms to external files with preview using Jquery


If you don’t know what this plugin will do then visit the page of the previous version here.
The last version of Jquery ExtAjax plugin didn’t have preview feature. But in this version it have a preview feature.
The latest version is V 1.2

What’s New in this version

  • Faster
  • Preview feature. 

What should I do after downloading.

<div>
  <span style="color: #333333;"><span style="line-height: 16px;">After downloading upload &#8220;<b>extajax.js</b>&#8220;, &#8220;<b>asdva.php</b>&#8221; to your server.</span></span>
</div>

<div>
  <span style="color: #333333;"><span style="line-height: 16px;">Before you do this configure the place in <b>JS</b>&nbsp;file&nbsp;where <b>asdva.php</b>&nbsp;is located.</span></span>
</div>

<h4 style="text-align: left;">
  <span style="color: #333333;"><span style="line-height: 16px;">&nbsp;<b>How can I configure ?</b></span></span>
</h4>

<div>
  <span style="color: #333333;"><span style="line-height: 16px;"><b>&nbsp;</b>Go to <b>extajax.js</b>&nbsp;file. Search for&nbsp;<b>var asdvafile&nbsp;</b>. Enter the location of the <b>asdva.php </b>if the file is not in the same folderas <b>extajax.js</b>.</span></span>
</div>

<div>
  <span style="color: #333333;"><span style="line-height: 16px;"><a name='more'></a><br /></span></span>
</div>

<p>
  <span style="color: #333333; font-family: inherit;"><span style="line-height: 16px;">Jquery Code :</span></span>
</p>

<blockquote class="tr_bq">
  <p>
    <span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;"><script></span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;"><br /></span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">$(&#8220;</span><span style="background-color: white; color: red; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">#form</span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">&#8220;).submit(function(){</span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">event.preventDefault();</span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">$(&#8220;</span><span style="background-color: white; color: red; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">#form</span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">&#8220;).extajax({target:&#8221;</span><span style="background-color: white; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;"><span style="color: red;">#preview</span></span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;">&#8220;});</span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;"><br />});</span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;"><br /></span><span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;"></script></span>
  </p>
</blockquote>

<p>
  <span style="background-color: white; color: #333333; font-family: Courier, monospace, 'Courier New'; font-size: 13px; font-weight: bold; line-height: 16px;"><br /></span><span style="font-size: large;"><span style="border: 2px solid black;"><span style="color: white;"><span style="background-color: #6aa84f;"><a href="http://subins.tk/labs/extajax/index.html" >View Demo</a></span></span></span>&nbsp; &nbsp; &nbsp; &nbsp;<span style="background-color: #6aa84f; border: 2px solid black;"><span style="color: white;"><a href="https://drive.google.com/uc?export=download&id=0B2VjYaTkCpiQbTJtY1ZyNmFjZUk" >Download(ZIP)</a></span></span>&nbsp; &nbsp; &nbsp; &nbsp;<span style="background-color: #6aa84f; border: 2px solid black; color: white;"><a href="https://drive.google.com/uc?export=download&id=0B2VjYaTkCpiQcXRreFNxLXRCam8" >Download(Javascript file)</a></span></span></div> </div>