Looking at your test page, you have the following two links, take note of the id being called in the href attributes, this is one reason the same form appears.
<a class="fancybox" href="#fancyboxID-1">gf 33</a>
<a class="fancybox" href="#fancyboxID-1">gf 34 </a>
Now look at the id's of the divs containing your forms, again you have assigned them the same id, this is the other reason that the same form is called, the id's need to be unique for the correct form to appear.
<div id="fancyboxID-1">
<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_33' >
<div id="fancyboxID-1">
<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_34' >
You have the same problem on the other page, you aren't using unique id's so when one of the buttons is pressed it doesn't know which form to load so it picks the first div it finds with that id and reveals that form.
Regards,
Richard
Posted 12 years ago on Monday June 3, 2013 |
Permalink