Pop up window in check box field

  • Profile Image
    cheekyface
    Asked 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>

     

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

     

  • Profile Image
    cheekyface
    Answered 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
    cheekyface
    Answered 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
    cheekyface
    Answered 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
    sidharth_kch
    Answered 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
    cheekyface
    Answered 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
    sidharth_kch
    Answered 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