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

    Lightbox and modification of code source ?

    Asked by guest_30154183154042 on January 16, 2013 at 02:37 PM

    Hello,

    I display a lightbox form on my website and it works. Untill now, my html button was:

    1. <a id="lightbox-30144609281348" style="cursor: pointer;"> <img onmouseover="this.src='//www.parisdrive.com/medias/images/fr2pt.jpg';" onmouseout="this.src='//www.parisdrive.com/medias/images/fr1pt.jpg';" src="//www.parisdrive.com/medias/images/fr1pt.jpg" alt=" " width="86" height="24" /></a>

    2. And the script was:
    <script src="//max.jotfor.ms/min/g=feedback2" type="text/javascript">
    new JotformFeedback({
    formId:'30144609281348',
    base:'http://jotformeu.com/',
    windowTitle:'Réservation transfert Orly',
    background:'#F59202',
    fontColor:'#FFFFFF',
    type:false,
    height:600,
    width:750
    });
    </script>

     

    But I modify the code source with wordpad to change several fields.

    My question is: how can I integrate the new form onto my website?

    Thanks

  • Profile Image
    JotForm Support

    Answered by jonathan on January 16, 2013 at 03:18 PM

    Hi,

    Can you please share to us the URL of the form/website where we can check the form and the modified source code?

    This information can help provide the appropriate response and resolution.

    Thanks.

  • Profile Image

    Answered by ginesis on January 16, 2013 at 03:40 PM

    Sure. the url is:

    http://www.parisdrive.com/en/pages/transfers/airports-stations.html

    As I said, it concerns a lightbox integration.

    To open the lightbox, please click on the 2nd button "book" in front of Charles-de-Gaulle airport.

    This lightbox is the old form: formId:'30144609281348' (before modification of the code source).

    But I modify the code source right now, and I would like these changes take into account in the new form.

  • Profile Image

    Answered by ginesis on January 16, 2013 at 03:43 PM

    Sorry, the url is: http://www.parisdrive.com/uneporteouvertesurparis/transferts/aeroports-gares.html

    (2nd button "réserver" in front of Charles-de-Gaulle).

    I don't yet make the english version..

  • Profile Image
    JotForm Support

    Answered by jonathan on January 16, 2013 at 04:29 PM

    Hi,

    I can see the lighbox form just fine on the web site you provided. The form should be http://www.jotformeu.com/form/30092528902350 for Charles-de-Gaulle 

    Can you please clarify if you wanted to see the other form which is http://www.jotformeu.com/form/30144609281348

    Thanks.

  • Profile Image

    Answered by ginesis on January 16, 2013 at 04:51 PM

    No really, I know how to create and to integrate several forms.

    My question is: how to integrate modifications I brought in the code source.

    I specify I chose the lightbox integration.

    Does possible to register the code source modified on jotform.com then integrate the new lightbox form ?

    or does exist an other option?

  • Profile Image
    JotForm Support

    Answered by jonathan on January 16, 2013 at 05:06 PM

    Hi,

    I am sorry for misunderstanding.

    But I could not see your form's source code on the web site you provided. So, I am not sure how you modified the source code and then tried calling it on the lightbox script.

    In any case, I fould a similar discussion from the forum which I think is trying to do a similar thing.

    You may want to check this topic.

    From what I understand so far, you edited the form's source code and you wanted to call it in your website page using lighbox script.

    Please continue updating us of your inquiry.

    Thanks.

  • Profile Image

    Answered by ginesis on January 16, 2013 at 05:26 PM

    I remove few adress fields (2nd line, state, country), the position of calendar image (moved before date), the size of few fields (prefix name...).

     

     

  • Profile Image
    JotForm Support

    Answered by jonathan on January 16, 2013 at 05:54 PM

    Hi,

    I could not see any address field on this form http://www.jotformeu.com/form/30092528902350

    I do not understand why there is a need to hide it.

    You can actually hide and move(in case of the date field) fields within the form using injected CSS codes. You can probably do away with it without modifying the form's source code.

    Please share to me the link URL of the form with modified source code instead (not the source code itself).If you noticed, pasting the whole source code here is not sufficient for the textbox to hold all the text. You can paste the code using pastie and just share the link.

    Thanks.

  • Profile Image

    Answered by ginesis on January 17, 2013 at 01:19 PM

    Hi,

    I pasted the edited code using pastie: http://pastie.org/private/zjaolytd6dhtjeplji1xq

    The unedited form: http://form.jotformeu.com/form/30144609281348.

    To see adress field you have to select any option button radio ("Paris vers aéroport" or "Aéroport vers Paris") in "Transfert" section.

    But this form is unedited, the edited one is on my computer hard disk, it'isn't hosted on jotform.

    The edited one is that one which on pastie.

  • Profile Image
    JotForm Support

    Answered by idarktech on January 17, 2013 at 01:39 PM

    Hi,

    Since you've already taken your form source code and made some changes, therefore you can't have it on JotForm's lightbox anymore. Note that, source code and lightbox code are two different embed options. If you've used your form source code because you've edited something on it, you have to integrate another 3rd party lightbox script to your website so you can call your form in a lightbox manner. There's no way to you can call it using the lightbox script.

    Thanks!