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

    Ноw can I add form in Flash turn page?

    Asked by REMniOFF on December 28, 2012 at 08:05 AM

    I have Flip PDF Professional v.1.6.1 as a desktop application. There I can insert javascript code as a function for а button. Explain, please, what can I do to embed my form into pages?

    Thanks a lot!

  • Profile Image
    JotForm Support

    Answered by idarktech on December 28, 2012 at 10:48 AM

    @REMniOFF

    I am not quite familiar with that software but you can try embedding your form as iframe. Here's How to get your Form's Iframe Code. We also have guide on adding form to flash site, this may help: Add a Form to Flash.

    Feel free to let us know if you have further questions. Thanks!

  • Profile Image

    Answered by REMniOFF on December 28, 2012 at 11:31 AM

    Thanks, but in program I have fields: "Open link", "Call JavaScript Function" and "Open Flash Window" I tried to insert iframe into various fields. Don't work...

  • Profile Image
    JotForm Support

    Answered by idarktech on December 28, 2012 at 12:58 PM

    Hi,

    I just installed that software and it seems like it doesn't support html embedding. However, you've mentioned "Open Link", this should help. Check this visual guide:

    You can get your form URL when you click on "Preview" near Save button while you are on JotForm Builder (edit mode)

    Let us know if you have further questions. Thanks!

  • Profile Image

    Answered by REMniOFF on December 28, 2012 at 01:26 PM

    Thanks, I know about this possibility, but would like to do the same manner as in this post.

    Form appears in the same flash page, not as independent brouser page.

  • Profile Image
    JotForm Support

    Answered by Deygus on December 28, 2012 at 02:56 PM

    As mentioned at the bottom of that thread there is a guide that shows you how to Add a Form to Flash. Pardon did not realize my colleague above already mentioned this link.

  • Profile Image

    Answered by jeanettebmz on December 28, 2012 at 02:58 PM

    If you go to the page where the form is embedded (page 7) and you click to see the source of the page, you'll find he added an onclick javascript event to open two classes  'form content'  (named MyJotform)  and 'overlay'  (named Fade)

    <div id="MyJotForm" class="form_content">
                 <a style="float:right;" href = "javascript:void(0)" onclick = "document.getElementById('MyJotForm').style.display='none'; document.getElementById('fade').style.display='none'"><img style="padding:2px;" src="CloseIcon-small.png"></a>   
                 
                 <script type="text/javascript" src="//form.jotformeu.com/jsform/21905523282349"></script>
           
            </div>

     

    <div id="fade" class="overlay"></div>   <script type="text/javascript"> function JotForm_Show() { document.getElementById('MyJotForm').style.display='block'; document.getElementById('fade').style.display='block'; } </script>
  • Profile Image

    Answered by jeanettebmz on December 28, 2012 at 03:07 PM

    I don't know very much about flash, but I believe that , what actually does the trick to open the form is the function in the "Fade"class  JotForm_Show()  he stablished as shown above 

  • Profile Image

    Answered by REMniOFF on January 04, 2013 at 01:48 AM

    Everything is all right!

    This method works fine, but you can see the result after transferring all files to your host. Test on local machine don't work!

  • Profile Image
    JotForm Support

    Answered by liyam on January 04, 2013 at 01:54 AM

    Hello REMniOFF.  the other user uploaded the pages to his website and that's when the form became viewable.  Do you have already an available site where this can be viewed?

    Thanks.

  • Profile Image

    Answered by REMniOFF on January 04, 2013 at 09:23 AM

    ОК! I will publish the form, after it I can inform about details... Wait a little bit, please!

  • Profile Image

    Answered by guest_30102255117034 on January 15, 2013 at 05:01 AM

    To view working form go to http://seo-russian.ru/flip/

    Second page, green lable.

    How to insert and force to work:


    1. Create file jotform.css  and add these styles:
    -----------------------------------------------

    .overlay {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 1001;
        -moz-opacity: 0.8;
        opacity: .80;
        filter: alpha(opacity=80);
    }
    .form_content {
        display: none;
        position: absolute; /* CENTER FORM ON SCREEN */;
        top: 50%;
        left: 50%;
        width: 650px; /* width of form */;
        margin-left: -325px; /* half width of form */;
        height: 450px; /* height of form */;
        margin-top: -225px; /* half height of form */ /* padding: 16px; */;
        border: 4px black solid;
        background-color: white;
        z-index: 1002;
        overflow: auto;
    }

    _______________________________________
    2. Save jotform.css in the main book directory!
    Add link to this file before end of HEAD tag of index.html
    <link rel="stylesheet" type="text/css" target="_blank" href="jotform.css" />

    3. This code insert at the end of the page index.html before end of BODY tag.
    =============================================================================
    <div id="MyJotForm" class="form_content">
        <a target="_blank" href="javascript:void(0)" onclick="document.getElementById('MyJotForm').style.display='none'; document.getElementById('fade').style.display='none'" style="float: right;">
        <img src="close-icon-small.png" style="padding: 2px;" /></a>
        <script src="//form.jotformpro.com/jsform/30123093096952" type="text/javascript"></script>
    </div>
    <div id="fade" class="overlay">
    </div>
    <script type="text/javascript">
        function JotForm_Show()
        {
            document.getElementById('MyJotForm').style.display='block';
            document.getElementById('fade').style.display='block';                           
        }
    </script>

    ---------------------------------------------------------
    Change "30123093096952" in the link http://form.jotformpro.com/jsform/30123093096952 to yours id of the form you have allready created.


    ---------------------------------------------------------

    REGUARDS!!!

  • Profile Image
    JotForm Support

    Answered by Welvin on January 15, 2013 at 07:48 AM

    @guest_30102255117034,

    Thanks for the information. That will be a great help for everyone.

     

    Cheers!