Submit button in iframe

now submit button shows in iframe

Hi,

Can you please give us a bit more details?

Do you mean that the submit button is not shown or that only your submit button is shown when you use iframe method of embedding your jotform on your website?

We see all of your jotforms with submit buttons shown when we take a look at them, so this would be specific to the jotforms after they are added to your website. If you give us the link to it on your website we can better understand the problem and offer the solution.

Best Regards,
Ben

Hi Ben,

Thanks for your quick response.

I was having trouble with my forms not being seen on ipads or on iphones.  After a quick search of the forum I found that using the iframe code on my website to embed the form would cure my problem.  This has worked well for one of my forms and a client has checked and completed a form using her iphone, however I tried the same with a different form and found the submit button was not showing (it did show if I said YES to scroll in the code) but would not show otherwise.  Even when making enlarging the height, this would not cure the problem, so I put the code back to HTML embedded which brought the button back?

The form is here: http://www.jgdata.co.uk/application-form.html

Although it is not the iframe version.  Would you like me to put an iframr version on there to see if you can see why it was not working for me? (I use firefox to browse)

Thanks for your help,

John

Hello John,

I did check your web page where you have embedded your form and I found that you are using script embed code. Yes, please embed your form using its iFrame embed code and we will take a look on why the submit button is hidden. 

We will wait for your response.

Thank you!

Hi,

I have now put an iframe form on the page as requested and the button does not show in my browser (firefox).

http://www.jgdata.co.uk/application-form.html

Here's the code:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.com/form/13605819236" frameborder="0" style="width:100%; height:4657px; border:none;" scrolling="no"></iframe>
<script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

Hope you can help?

John

Hello John,

I did check your web page where you have embedded your form and I am able to replicate the issue you are having in firebox browser. It does works as expected in chrome though.

I would suggest you to just add the  following iFrame embed code and remove the script code from it:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.com/form/13605819236" frameborder="0" style="width:100%; height:4740px; border:none;" scrolling="no"></iframe>

Exclude the following script code:

<script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

Do try this and get back to us if you have any trouble.

Thank you!

Solved!

Thank you Ashwin - brilliant service and brilliant product.

John

Hi John,

It is great to hear that your issue is solved.

Do enjoy using JotForm and let us know in case you get any questions along the way :)

Best Regards,
Ben

Dear friends,

I am try to do automation tool for my company maintenance  project . it fully based on html and cpp

in that they are using iframes. iframe contain id after the submission progress bar loaded then the submitted page(same page) displayed. after this process iframe id will be changed. i cant able to locate the iframe for the next process. if anybody have idea please share me...

My mail id:vairavan.g@nihontechnology.com

Thanks& regards,

vairavan.g

Hello vairavan,

I am not sure if your question is related to JotForm. If it is than I have not understood your question correctly.

Please explain your question a bit more in detail and we will surely try help you. 

Thank you!

Hello,

I received an email form you via this thread (the message is from vairavan)

This has nothing to do with me as my problem was solved.  I do not know who vairavan is?

Is it possible to stop getting emails from this thread?

Many thanks,

John - JGDATA

Hello ashwin.

Thanks for the reply.

My qurey is not related to JotForm its related to selenium webdriver testing tool.

In that tool i am not able to locate the dyanamically changed iframe id. if you know please help me

Thanks& regards,

vairavan.g

Hello John,

Your thread was not private so someone else have used to ask questions. Sorry about that.

Hello vairavan,

This forum is to provide support to JotForm users to answer their form related query. "selenium webdriver testing tool" is out of our scope. Selenium have their own forum support and you may like to check the following URL:  http://seleniumforum.forumotion.net/ 

Thank you!

Thank you ashwin thank you so much ...............

Hello vairavan,

You are welcome.

Thank you!