Trying to code an image submission form to my Squarespace 7 page.

  • Profile Image
    jsapfoto
    Asked on November 19, 2014 at 02:01 PM

    No luck adding a submission form I created on Jotform. Followed the detailed instructions about inserting the code on Sqspace. I appended the iFrames code that id req'd for use on Squarespace.

     

    Not sure if its a sqspace 7 issue or what.  The form looks fine in preview on Jotform

     

    Thanks for any help!

     

    John

  • Profile Image
    Ben
    Answered on November 19, 2014 at 03:31 PM

    Hi John,

    Based on the screenshot, the last part of the iframe code - specifically the js code after it was cut/broken at one point and that is why that part of the text is shown.

    Could you please give us the code that you have added in the squarespace.com?

    Also, I presume by what you have written that you have followed the steps here: How to embed jotform on Squarespace?

    The page above requires login, would it be possible to set it as a public page?

    Best Regards,
    Ben

  • Profile Image
    jsapfoto
    Answered on November 19, 2014 at 03:40 PM

    Its live: 

     

    http://pictureblackfriday.com/new-page-1/

  • Profile Image
    jsapfoto
    Answered on November 19, 2014 at 03:41 PM

    onload="window.parent.scrollTo(0,0)

    <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>

     

  • Profile Image
    Ben
    Answered on November 19, 2014 at 04:52 PM

    Hi,

    OK, the issue is within the code that you are embedding. It does not have the iframe part.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//www.jotform.us/form/43224098031144" frameborder="0" style="width:100%; height:1960px; 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>

    Please try adding the code above.

    - it is for your "photography competition and exhibition" jotform.

    Do let us know how it goes.

    Best Regards,
    Ben