Hi Eric,

Thanks for all your help by the way!

Yes I made sure my cache was clear but it is not working still?

However, I think I have pinpointed the problem area but I do not know how to fix it?

since I had set up a test page with nothing but the form code on it and that is working in Firefox. I started with another blank test page and started adding elements of code into the page one at a time until the form stopped working properly.

What I discovered is that the main container div with the ID of "wrapper" seems to be causing the issue? When you remove it or if I rename it to something like "wrapper2" the form works with all other code on the page. But doing this also breaks the page design and functionality of hiding the other pages.

Digging a little deeper I found that the sourced javascript file seems to be the culprit. I am attaching it for you to take a look at. As you will see this javascript file works in conjunction with the main div ID labeled "wrapper".

At least I know what is causing the issue now. i just don't know how to fix it still?

What you could try is giving JQuery an alias for that script.
Give the attachment a try.
Hopefully I edited it correctly.

Hi Eric,

Thanks, but that broke the site completely and nothing would show up?

Ok give me a bit to try a few things later. I'm sure I had it working on the mock up I did. I have some events to attend this evening.

No Rush Eric,

I just appreciate your help!

If it helps at all I can get you FTP access to the project so you can just tinker with it there?

I would just not know how to get that info to you privately? I don't see a PM feature in this forum?

Hi Eric,

So I have been trying the best I can to figure this out and I think I may have been barking up the wrong tree?

I took this page here that is produced by Web Form Builder and I assume is the file being iframed into my page? ( http://23.235.201.244/~ttfiresafety/twi … l-form.php ) and I placed all the code on it inside of the main div id of wrapper like this:



Sure enough as expected when I do this the show elements stop working.

Then I removed each script source referenced at the bottom of the page one by one. I started with removing the <script src="assets/js/main.js"></script> and found that by removing it, it did nothing to fix the issue? Which is where I thought the problem was. To my surprise when I removed <script src="assets/js/jquery.min.js"></script> the form works if Firefox!

So the issue is NOT in the main.js file it is in the jquery.min.js file as far as I can tell!

Only I still have no idea how to resolve the conflicts coming from it? But I figured this information could help you help me?

Thank you again for your time!!!

Hi Eric,

So I reached out to the developer of the template I am using and he made the following suggestions and it is now working!!!!!!!

He basically suggested that the code that Web Form Builder provides to paste into my page be watered down to just the iframe.

so instead of this:


I have just this now and it works!



However, I am now wondering why the the script line and <noscript> tags that were removed were even necessary to begin with? And if you know of any snags or issues that may arise from altering the code like this?

from what I can tell it works and the form functions so I think its Okay?

As always thank you for your time!

I was just going to ask you again if you tried that as I posted it earlier. I know it worked on my mock up. Cool .