How can I make the Jotform installed not disrupt my picture galery function for my site?

  • Profile Image
    BayresFlat
    Asked on November 15, 2011 at 12:30 PM

    I'm using a Jade Property Suite site and whenever I install the code on the HTML editor, form works fine except a picture galery function of the site stops working... the pictures do not pop up in a light box as they should. Inestead pictures appear in a new window. Please HELP! 

    I got the form code out so it will not interfere until I know how to fix it.

  • Profile Image
    fxr
    Answered on November 15, 2011 at 07:08 PM

    Obviously, JotForms javascript must be conflicting with the scripts on your site. 

    For you form embed code, can you not just use the Iframe embed code? This will prevent any javascript conflicts.

    This method is explained here: http://www.jotform.com/help/67-So-Which-Form-Embed-Code-Should-I-Use

    Option 4

  • Profile Image
    BayresFlat
    Answered on November 18, 2011 at 09:56 AM

    Thx! I'd like to use a lightbox, is it possible to install it without disrupting other scripts on my site?

  • Profile Image
    fxr
    Answered on November 18, 2011 at 10:05 AM

    possibly, are you able to create a replica/copy of that page with the JotForm Lightbox code in it?

    Just makes it easier for us  to work out where its going wrong and to see if we can do something about it.

  • Profile Image
    BayresFlat
    Answered on November 19, 2011 at 12:42 AM

    HI! I managed to upload a copy of my site:

    http://bayresflatcom.ipage.com/inmosites/home_property542.html

    The link to the JotForm lightbox is below "Book/Request Info" it says:

    [Imported Form] Book Alsina and Santiago del Estero - Congreso Apartment

    I hope this helps! Thx so much.

  • Profile Image
    allanftd
    Answered on November 19, 2011 at 11:25 AM

    Hi Bayresflat,

    I have tested both of the pages you provided but I just had the same result for both of them. WHen I clicked the thumbnails, the zoomed photos opened in a new window.

    Nonetheless, a workaround that I can think of right now is to embed the lightbox form in a new blank web page, then use an iframe to embed this new web page (with the lightbox script) into the main web page.

    Please let us know if you have any other questions or concerns. Thank you for choosing JotForm!

    Allan
    JOTFORM SUPPORT 

  • Profile Image
    allanftd
    Answered on November 19, 2011 at 11:26 AM

    Hi Bayresflat,

    I have tested both of the pages you provided but I just had the same result for both of them. WHen I clicked the thumbnails, the zoomed photos opened in a new window.

    Nonetheless, a workaround that I can think of right now is to embed the lightbox form in a new blank web page, then use an iframe to embed this new web page (with the lightbox script) into the main web page.

    Please let us know if you have any other questions or concerns. Thank you for choosing JotForm!

    Allan
    JOTFORM SUPPORT 

  • Profile Image
    BayresFlat
    Answered on November 19, 2011 at 12:23 PM

    Thx Allan,

    The teest page I sent you is: http://bayresflatcom.ipage.com/inmosites/home_property542.html

    and the actual page is: http://bayresflat.com/home_property542.html

    The lightbox picture galery works well in the 2nd.

    So since I think I understand what you're telling me however since I'm not a programmer a still a bit lost. Could you explain to me with a little mnore detail or the steps to do this?

    I also need to know which link the form is been submitted from by using a hidden field but I'm wondering if embedding the form on a new page will disable this possibility.

    Let me know if I can do something about it or any options I can try to have both the lightbox form and be able to see which link the form is submitted from.

    Thanks a lot for your help.

     

    P

  • Profile Image
    idarktech
    Answered on November 19, 2011 at 06:59 PM

    Hi Bayreflat,

    Since we can't yet figure out the code conflicts, you may try some of our workaroud. I have here another workaround which let your form open on a pop-up window instead of lightbox. The customized code below is ready for embedding, please check:

     

    <a target="_blank" href="http://www.jotform.com/form/13162601277" onclick="window.open

    ('http://www.jotform.com/form/13162601277','popup','width=500,height=500,scrollbars=auto,resizable=no,toolbar

    =no,directories=no,location=no,menubar=no,status=no,left=300,top=30'); return false">[Imported Form] Book

    Alsina and Santiago del Estero - Congreso Apartment</a>


    Demo: Here

    You can still customize the code by changing its value.

     

    To know which link is the from been submitted, please follow this link for the guide:

    http://www.jotform.com/help/95-How-to-Know-The-Exact-URL-Of-a-Page-Where-a-Form-Submission-Is-Made

     

    Let us know if you need further assistance with this. Thank you and have a great day!

  • Profile Image
    BayresFlat
    Answered on November 23, 2011 at 08:18 AM
    Thanks a lot for your help!
    I want to use iFrame now but I also want the form not to conflict with the
    site's lightbox script for the images... I can see at:
    http://www.jotform.com/answers/38927-How-can-I-know-what-page-the-sender-is-on-when-sending-the-form-to-me-
    At step (5) it asks to "copy the sliced codes onto the JavaScript..." will
    this create this conflict with my page scripts again?
    Best,
    --
    Pablo LUNA
    Temporary Rentals
    Skype: OnlineService
    info@bayresflat.com

  • Profile Image
    idarktech
    Answered on November 23, 2011 at 01:21 PM

    Hi Pablo,

    It would be much helpful if you will give it a try and report here if something goes wrong. Thanks for your cooperation.