Trying to embed an interactive jigsaw puzzle on a jotform

  • Profile Image
    powerofpain
    Asked 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
    EltonCris
    Answered 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
    powerofpain
    Answered 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
    Kevin_G
    Answered 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.