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

  • Profile Image
    REMniOFF
    Asked 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
    idarktech
    Answered 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
    REMniOFF
    Answered 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
    idarktech
    Answered 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
    REMniOFF
    Answered 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
    Deygus
    Answered 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
    jeanettebmz
    Answered 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
    jeanettebmz
    Answered 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
    REMniOFF
    Answered 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
    liyam
    Answered 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
    REMniOFF
    Answered 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
    guest_30102255117034
    Answered 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
    Welvin
    Answered on January 15, 2013 at 07:48 AM

    @guest_30102255117034,

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

     

    Cheers!