having problems adding embedded files for contact form

  • Profile Image
    davisvarghese
    Asked on July 22, 2015 at 12:02 AM

    I'm having problems when I add the iFrame code to my ProSite... :/

    I read some other questions here and I saw that people took the <script> code off and worked fine, and I tried all the work arounds mentioned which seemed to work for everyone else but it doesnt seem to work for me. When I select the "secure form" option and copy/paste the code into the ProSite it does not do anything when i click on the "embed" button at the bottom. I am trying to create a contact form for my portfolio website www.davisvarghese.com . the link i used is https://secure.jotform.us/form/52014634972151  .. hope my problem is solvable. thanks

  • Profile Image
    Chriistian
    Answered on July 22, 2015 at 04:12 AM

    Hi davisvarghese,

    Thanks for contacting us.

     

    I checked your site - http://www.davisvarghese.com/422579/contact and I see that the form was not loaded. See screenshot below.

     

    I noticed that you have embedded your form using iFrame with src set to https://form.jotform.us/form/52014634972151 which is an invalid Secure URL of JotForm. Secure URL of JotForm only uses the following domain https://www. or https://secure.

     

    You can try re-embedding your form using this iFrame code below and see if it works.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://www.jotform.us/form/52014634972151" frameborder="0" style="width:100%; height:785px; 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;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    Do let us know if you need further assistance.

     

    Regards.