What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Trying to embed an interactive jigsaw puzzle on a jotform

    Asked by powerofpain on June 18, 2016 at 06:53 PM

    I am pasting html in source code on text field but wont display the puzzle. It seems simple enough but im missing something. The code is provided from my account at www.thejigsawpuzzle.com

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 18, 2016 at 08:49 PM

    If your HTML code contains javascript, it will be stripped off for security reasons. That's most probably the reason why it is not working on your form. You can also embed iframe code on the Text field. We suggest to 

    We suggest to get your form source code so you can further customize and embed scripts anywhere you want on the source code.

    Hope this helps!

  • Profile Image

    Answered by powerofpain on June 18, 2016 at 11:45 PM

    yes, i think your right. Can i put this in an iframe to make it work?



    <object id="puzzleObject" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="700" height="550" align="middle">
    <param name="name" value="puzzleObject"></param>
    <param name="allowScriptAccess" value="sameDomain"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="movie" value="http://thejigsawpuzzles.com/flash/puzzle.swf?v=20160609"></param>
    <param name="play" value="false"></param>
    <param name="loop" value="false"></param>
    <param name="quality" value="high"></param>
    <param name="wmode" value="opaque"></param>
    <param name="FlashVars" value="sourceImageURL=http%3A%2F%2Fthejigsawpuzzles.com%2Fimg-puzzle-6410556%2FMusic-Moves-Awareness-ipain-project-icon-500x500&isEmbedded=1&cutout=20+piece+Classic"></param>
    <embed src="//thejigsawpuzzles.com/flash/puzzle.swf?v=20160609" swliveconnect="true" name="puzzleObject" play="false" loop="false" quality="high" wmode="opaque" width="700" height="550" align="middle" allowscriptaccess="sameDomain" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="sourceImageURL=http%3A%2F%2Fthejigsawpuzzles.com%2Fimg-puzzle-6410556%2FMusic-Moves-Awareness-ipain-project-icon-500x500&isEmbedded=1&cutout=20+piece+Classic"></embed></object><br>
    <span style="text-align:left;font: normal 12px Arial, Helvetica, sans-serif; line-height:25px;"><a target="_blank" href="http://thejigsawpuzzles.com/" rel="nofollow noopener" style="color:#666666; text-decoration:none;">» More free online jigsaw puzzles at thejigsawpuzzles.com/</a></span>

  • Profile Image
    JotForm Support

    Answered by Kevin_G on June 19, 2016 at 12:23 AM

    The code you provided will not be accepted in the Form Builder, to get it into the form it will need to be embedded in an iFrame, you should paste the code you have in an HTML file and then upload if to your own server, once you do that, add the iFrame widget to your form, here is the link: https://widgets.jotform.com/widget/iframe_embed 

    Paste the link to the file with your custom code and it should work, here is a guide that will help you to add the widget to your form: How-to-Add-a-Widget-to-your-Form

    Hope this helps.