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

    My feedback button appears double.

    Asked by NicolePitcher on April 22, 2011 at 02:44 PM

     

    I appreciated amgweb's questions because I wasn't sure where to post the code correctly either. However, I published my site, then added the feedback button code to the html page at the top. However when I save the the code to the html page and refresh my browser: I see the feedback button in double as if it were duplicated twice. The button functions properly and looks great; just appears double (side by side).

    You can see it here:

    http://www.nicfabulous.com/Site/Nic_Fabulous___Appointments.html

    Any suggestions as why I'm seeing double?

     

    Page URL:
    http://www.nicfabulous.com/Site/Nic_Fabulous___Appointments.html

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 22, 2011 at 03:51 PM

    Hi Nicole,

    This script is the one that's causing to display two feedback buttons in your site:

    <script type="text/javascript" src="Scripts/iWebSite.js"></script>

    I'm not sure what it does because I am not really familiar with iWeb, but if it's possible to have that removed then that should do the trick and solve your problem.

    Let me know how this works out for you. Do send us a feedback. Thank you.

    Regards

  • Profile Image

    Answered by NicolePitcher on April 23, 2011 at 02:06 AM

    Dear Neil Vicente,

    I so appreciate you taking the time to assist me with my question. I just took a few minutes and tested your suggestion of deleting the following script from the html page code:

    <script type="text/javascript" src="Scripts/iWebSite.js"></script>

    I had a good result. The double affect was instantly resolved, giving me the desired result. Yeah. You can see the result here:

    http://www.nicfabulous.com/Site/Nic_Fabulous___Appointments.html

    However, as I began to implement your suggested update to all of the html pages on my site, I noticed that I ran into another problem. I've got my fingers crossed that there is also a solution for it.

    Only on the pages that I have an iWeb html "snippet", which is basically an iFrame that allows me to copy and paste (or embed) code onto my iWeb page (e.g., youtube video, google map, jotform, etc.), where otherwise I would be limited to what I can design on my web page (as iWeb has its limitations). In short, when I delete the above line of code to do away with the double feedback button, that deletion somehow disables the "snippet" code / or effect.

    For example, if you look at this page (of the same website) you will see the sliding billboard effect, accomplished via the "snippet" option.

    http://www.nicfabulous.com/Site/Nic_Fabulous___Best_Manicures_%26_Pedicures_in_Salt_Lake_City.html

    This slider affect is completely disabled when I delete that line of code, which you recommended. In this case, I decided to remove the feedback button code all together because I cannot not have the sliding billboard as it's key to the whole page.

    Do you have any idea of a solotion that would give me the ability to apply the feedback button (without it being doubled) on a same page that i have a "snippet"?? Or, is this having my cake and eating it too?

    Any thoughts on this subject would be greatly appreciated.

    Sincerely, Nicole

  • Profile Image

    Answered by allanftd on April 23, 2011 at 04:03 AM

    Hi Nicole,

    Thanks for your feedback. A quick workaround that I could think of right now is to create a new webpage consisting of two components:
    - the Feedback button script from JotForm
    - an Iframe tag to embed your website
    Please click here to see this page in action. To do this, please create a new blank web page and paste the following code:
    <html>
    <body><iframe src="//www.nicfabulous.com/Site/Nic_Fabulous___Best_Manicures_%26_Pedicures_in_Salt_Lake_City.html" frameborder=0 width=100% height=100% scrolling=auto align=middle></iframe>
    <script src="//www.jotform.com/min/g=feedback" type="text/javascript">
    new JotformFeedback({
    formId: "91624135992",
    buttonText: "Email Me",
    base: "http://www.jotform.com/",
    background:'#525252',
    fontColor:'#FFFFFF',
    buttonSide: "top",
    buttonAlign: "right",
    type:1,
    width: 700,height: 350});
    </script>
    </body>
    </html>
    Note: This is a simplified code. You can further customize it (i.e. add a background image) according to your needs.

    The above code basically consists of a Feedback Form script and an Iframe  to display your website. In this case, the image slider script and JotForm Feedback Form script will not interfere with each other since they belong to different pages. Please try this and let us know if it will work for you or not.

    We appreciate your patience on this matter. Thank you for using JotForm!

    JOTFORM SUPPORT