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

    Pop up window in check box field

    Asked by cheekyface on May 06, 2013 at 05:19 AM

    In this thread you guys helped me with some code to include pop ups for a more info button in my form.  When the user clicks the icon for the more info, a small pop-up window displays more info relevant to that item.

    I've just discovered that when viewed in firefox there's a problem.  The link will first open a new window and then the small pop up will show up.  So it takes you away from the form alltogether before displaying the pop up.  In google chrome it's fine though.  Haven't tested it in explorer.

    here's the code - any idea how to fix this so that it works on all popular browsers?

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

    Face Painting <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/face_painting_oz.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a>

    Ballooning <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/balloons.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a><br>-----------<br>

    Airbrush Tattoos <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/tattoos_temp.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a>

    Henna Tattoos (availability is sporadic) <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/henna.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a><br>-----------<br>

    Body Art - Full <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/body_art.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a>

    Body Art - Partial <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/body_art.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a><br>-----------<br>

    Workshop  - Beginners Face Painting <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/workshop_beg.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a>

    Workshop - Advanced Face Painting <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/workshop_adv.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a>

    Workshop -  Beginners Ballooning <a target="_blank" href="javascript:void window.open('http://www.cheekyface.com.au/forms/services/workshop_balloons.htm','','scrollbars=yes,menubar=no,resizable=yes,left=30,top=30,height=350,width=350')" title="more info about this option"><img border="0" src="//www.cheekyface.com.au/images/Icons/more_info.png" width="24" height="20"></a>

     

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

     

    Page URL:
    popup,codebug,bug,buginpopup,popuperror

    check check box field JotForm problem height new window
  • Profile Image

    Answered by cheekyface on May 06, 2013 at 08:18 AM

    I got it.

    Just changed the code for the target window but please tell me if this will cause problems in any way...

     

    a

     

    (seems to be OK now though)

  • Profile Image

    Answered by cheekyface on May 06, 2013 at 08:24 AM

    I don't know what's happening here but I'm trying type the following in the above comment and it saves as something else.

    a

  • Profile Image

    Answered by cheekyface on May 06, 2013 at 08:25 AM

    OK...Obviously there is no way I can type this except maybe this...

     

    a  t a r g e t = "_self" 

  • Profile Image

    Answered by sidharth_kch on May 06, 2013 at 10:28 AM

    @cheekyface

    I checked your form and i see that popup window comes up correctly. I dont see any additional window opening. I tested it with firefox 20.0.1

    Please let us know which version of firefox are you using.

    Thanks,

    Sidharth

  • Profile Image

    Answered by cheekyface on May 06, 2013 at 10:58 AM

    Thanks for getting back to me.  
    You may have missed my explanation that I changed the code so the pop up opens in the same window so ...

    a    t a r g e t = "_self"  

  • Profile Image

    Answered by sidharth_kch on May 06, 2013 at 11:05 AM

    @cheekyface

    I am so sorry. You are right.

    So now it looks like your form works as intended.

    Thanks,

    Sidharth