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

    Probleme de code de ma form, rendu tablette et mobile

    Asked by masterksolution on April 22, 2012 at 05:50 PM

    Bonjour, J'ai publié deux forms sur mon site sous forme de clones. 

    Une des deux forms est sur la page d'accueil du site.

    Celle ci empeche mes onglets d'être actifs  sur le site, 

    Dans source code j'ai du integrer source pour afficher la form au lieu de embed <> 

    je vous colle le script de la page d'accueil.

    Je vous prie  de bien vouloir m'éclairer sur ce problème

    Encore merci a toute l'equipe de jotform.

    <script src="//max.jotfor.ms/min/g=jotform?3.0.3288" type="text/javascript"></script>

    <script type="text/javascript">

    JotForm.init(function(){

    $('input_8').hint('ex: myname@example.com');

    JotForm.setCalendar("23");

    $('input_80').spinner({ imgPath:'http://jotformeu.com/images/', width: '60', maxValue:'', minValue:'', allowNegative: false, addAmount: 1, value:'0' });

    });

    </script>

    <link target="_blank" href="http://max.jotfor.ms/min/g=formCss?3.0.3288" rel="nofollow noopener" rel="stylesheet" type="text/css" />

    <link type="text/css" rel="stylesheet" target="_blank" href="http://jotformeu.com/css/styles/industrial_dark.css" rel="nofollow noopener" />

    <style type="text/css">

    .form-label{

    width:50px !important;

    }

    .form-label-left{

    width:50px !important;

    }

    .form-line{

    padding:5px;

    }

    .form-label-right{

    width:50px !important;

    }

    .form-all{

    width:280px;

    background:rgb(54, 53, 53) url(http://jotformeu.com/images/styles/style4_2_bg.gif) repeat-x 50% 0%;

    color:#C4CACF !important;

    font-family:'Helvetica';

    font-size:12px;

    }

    </style>

     

    <form class="jotform-form" action="http://submit.jotformeu.com/submit/21082998253359/" method="post" name="form_21082998253359" id="21082998253359" accept-charset="utf-8">

    <input type="hidden" name="formID" value="21082998253359" />

    <div class="form-all">

    <ul class="form-section">

    <li class="form-line form-line-column" id="id_7">

    <label class="form-label-top" id="label_7" for="input_7">

    Numéro de téléphone<span class="form-required">*</span>

    </label>

    <div id="cid_7" class="form-input-wide"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q7_numeroDe[area]" id="input_7_area" size="3">

    -

    <label class="form-sub-label" for="input_7_area" id="sublabel_area"> Espace Code </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q7_numeroDe[phone]" id="input_7_phone" size="8">

    <label class="form-sub-label" for="input_7_phone" id="sublabel_phone"> Numéro de téléphone </label></span>

    </div>

    </li>

    <li class="form-line form-line-column" id="id_8">

    <label class="form-label-top" id="label_8" for="input_8"> E-mail </label>

    <div id="cid_8" class="form-input-wide">

    <input type="email" class="form-textbox validate[Email]" id="input_8" name="q8_email" size="30" />

    </div>

    </li>

    <li class="form-line form-line-column form-line-column-clear" id="id_75">

    <label class="form-label-top" id="label_75" for="input_75"> Ville de départ* : </label>

    <div id="cid_75" class="form-input-wide"><span class="form-sub-label-container"><select class="form-dropdown" style="width:150px" id="input_75" name="q75_villeDe75">

    <option> </option>

    <option value="- Choisissez votre ville de départ"> - Choisissez votre ville de départ </option>

    <option value="- Aéroport Nice Côte d'Azur"> - Aéroport Nice Côte d'Azur </option>

    <option value="- Aéroport Cannes Mandelieu"> - Aéroport Cannes Mandelieu </option>

    <option value="- Aéroport de Marignane"> - Aéroport de Marignane </option>

    <option value="- Antibes"> - Antibes </option>

    <option value="- Aix en Provence"> - Aix en Provence </option>

    <option value="- Autres."> - Autres. </option>

    <option value="- Cannes"> - Cannes </option>

    <option value="- Cagnes sur Mer"> - Cagnes sur Mer </option>

    <option value="- Eze"> - Eze </option>

    <option value="- Fayence"> - Fayence </option>

    <option value="- Grasse"> - Grasse </option>

    <option value="- Mandelieu"> - Mandelieu </option>

    <option value="- Marseille"> - Marseille </option>

    <option value="- Monaco"> - Monaco </option>

    <option value="- Mougins"> - Mougins </option>

    <option value="- Nice"> - Nice </option>

    <option value="- Porto fino"> - Porto fino </option>

    <option value="- St Jean Cap Ferrat"> - St Jean Cap Ferrat </option>

    <option value="- St raphael"> - St raphael </option>

    <option value="- St Paul de Vence"> - St Paul de Vence </option>

    <option value="- St Remo"> - St Remo </option>

    <option value="- St Tropez"> - St Tropez </option>

    <option value="- Valbonne"> - Valbonne </option>

    </select>

    <label class="form-sub-label" for="input_75"> (merci de cocher la ou les prestations souhaitées) : </label></span>

    </div>

    </li>

    <li class="form-line form-line-column form-line-column-clear" id="id_81">

    <label class="form-label-top" id="label_81" for="input_81"> Ville d'arrivée* : </label>

    <div id="cid_81" class="form-input-wide"><span class="form-sub-label-container"><select class="form-dropdown" style="width:150px" id="input_81" name="q81_villeDarrivee">

    <option> </option>

    <option value="- Choisissez votre ville de départ"> - Choisissez votre ville de départ </option>

    <option value="- Aéroport Nice Côte d'Azur"> - Aéroport Nice Côte d'Azur </option>

    <option value="- Aéroport Cannes Mandelieu"> - Aéroport Cannes Mandelieu </option>

    <option value="- Aéroport de Marignane"> - Aéroport de Marignane </option>

    <option value="- Antibes"> - Antibes </option>

    <option value="- Aix en Provence"> - Aix en Provence </option>

    <option value="- Autres."> - Autres. </option>

    <option value="- Cannes"> - Cannes </option>

    <option value="- Cagnes sur Mer"> - Cagnes sur Mer </option>

    <option value="- Eze"> - Eze </option>

    <option value="- Fayence"> - Fayence </option>

    <option value="- Grasse"> - Grasse </option>

    <option value="- Mandelieu"> - Mandelieu </option>

    <option value="- Marseille"> - Marseille </option>

    <option value="- Monaco"> - Monaco </option>

    <option value="- Mougins"> - Mougins </option>

    <option value="- Nice"> - Nice </option>

    <option value="- Porto fino"> - Porto fino </option>

    <option value="- St Jean Cap Ferrat"> - St Jean Cap Ferrat </option>

    <option value="- St raphael"> - St raphael </option>

    <option value="- St Paul de Vence"> - St Paul de Vence </option>

    <option value="- St Remo"> - St Remo </option>

    <option value="- St Tropez"> - St Tropez </option>

    <option value="- Valbonne"> - Valbonne </option>

    </select>

    <label class="form-sub-label" for="input_81"> (merci de cocher la ou les prestations souhaitées) : </label></span>

    </div>

    </li>

    <li class="form-line form-line-column" id="id_23">

    <label class="form-label-top" id="label_23" for="input_23">

    Date de prise en charges* :<span class="form-required">*</span>

    </label>

    <div id="cid_23" class="form-input-wide"><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="month_23" name="q23_dateDe[month]" type="text" size="2" maxlength="2" value="04" /><span class="date-separate">&nbsp;/</span>

    <label class="form-sub-label" for="month_23" id="sublabel_month"> Mois </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="day_23" name="q23_dateDe[day]" type="text" size="2" maxlength="2" value="22" /><span class="date-separate">&nbsp;/</span>

    <label class="form-sub-label" for="day_23" id="sublabel_day"> Jour </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="year_23" name="q23_dateDe[year]" type="text" size="4" maxlength="4" value="2012" />

    <label class="form-sub-label" for="year_23" id="sublabel_year"> Année </label></span><span class="form-sub-label-container"><div id="at_23">

    at

    </div>

    <label class="form-sub-label" for="at_23"> &nbsp;&nbsp;&nbsp; </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="hour_23" name="q23_dateDe[hour]" type="text" size="2" maxlength="2" value="13" /><span class="date-separate">&nbsp;:</span>

    <label class="form-sub-label" for="hour_23" id="sublabel_hour"> Heure </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="min_23" name="q23_dateDe[min]" type="text" size="2" maxlength="2" value="57" />

    <label class="form-sub-label" for="min_23" id="sublabel_minutes"> Procès-verbal </label></span><span class="form-sub-label-container"><img alt="Choisissez une date" id="input_23_pick" src="//jotformeu.com/images/calendar.png" align="absmiddle" />

    <label class="form-sub-label" for="input_23_pick"> &nbsp;&nbsp;&nbsp; </label></span>

    </div>

    </li>

    <li class="form-line form-line-column form-line-column-clear" id="id_78">

    <label class="form-label-top" id="label_78" for="input_78"> Choisissez votre véhicules </label>

    <div id="cid_78" class="form-input-wide"><span class="form-sub-label-container"><select class="form-dropdown" style="width:150px" id="input_78" name="q78_choisissezVotre78">

    <option> </option>

    <option value="- Choix des véhicules"> - Choix des véhicules </option>

    <option value="- Confort de 1 à 4 passagers"> - Confort de 1 à 4 passagers </option>

    <option value="- Confort de 1 à 6 passagers"> - Confort de 1 à 6 passagers </option>

    <option value="- Spatieuse de 4 à 8 passagers"> - Spatieuse de 4 à 8 passagers </option>

    <option value="- Moto Grand Tourisme"> - Moto Grand Tourisme </option>

    <option value="- Prestige sur demande"> - Prestige sur demande </option>

    </select>

    <label class="form-sub-label" for="input_78"> (merci de cocher la ou les prestations souhaitées) : </label></span>

    </div>

    </li>

    <li class="form-line form-line-column" id="id_80">

    <label class="form-label-top" id="label_80" for="input_80"> Nbres de personnes* : </label>

    <div id="cid_80" class="form-input-wide">

    <input type="number" id="input_80" name="q80_nbresDe80" />

    </div>

    </li>

    <li class="form-line form-line-column" id="id_2">

    <div id="cid_2" class="form-input-wide">

    <div style="text-align:center" class="form-buttons-wrapper">

    <button id="input_2" type="submit" class="form-submit-button">

    Envoyer la demande

    </button>

    </div>

    </div>

    </li>

    <li style="display:none">

    Should be Empty:

    <input type="text" name="website" value="" />

    </li>

    </ul>

    </div>

    <input type="hidden" id="simple_spc" name="simple_spc" value="21082998253359" />

    <script type="text/javascript">

    document.getElementById("si" + "mple" + "_spc").value = "21082998253359-21082998253359";

    </script>

    </form>

    Page URL:
    www.sunbike.fr

  • Profile Image
    JotForm Support

    Answered by idarktech on April 23, 2012 at 01:43 AM

    Hi there,

    Have you tried re-embedding your form using iFrame code? If not, please try it and let us know if this solves the problem. I'm sure there's a code conflict between the forms. 

    Hope this helps. Just message us here if you need any help. Thanks for using JotForm!

  • Profile Image

    Answered by masterksolution on April 23, 2012 at 04:54 AM

    Yes the Iframe Code Work :) thank you, 

    Thr forms Style change now, can i put the transperency color on my forms ? 

    Also there's any problème for the référencement to put the iframe on home page ?

    Thank You.

    Pascal

  • Profile Image

    Answered by fxr on April 23, 2012 at 01:50 PM

    Hello Pascal,

    There should be no new issues around embedding your with an iFrame onto a webpage, although I do suggest checking the form is as many different browsers as possible and address any issues as soon as possible.

     

    RE: the transparency of your forms background, please review this guide:

    http://www.jotform.com/help/122-How-to-Adjust-the-Opacity-of-a-Form-s-Background

  • Profile Image

    Answered by mirou795 on June 03, 2012 at 09:32 PM

    <script type="text/javascript" src="//form.myjotform.com/jsform/21548107324549"></script>

  • Profile Image
    JotForm Support

    Answered by idarktech on June 03, 2012 at 10:04 PM

    @mirou795,

    If you don't mind, can you post your question in a separate thread? Then provide us more details about the problem so we can help you better.

    Thank you so much in advance. :)

  • Profile Image
    JotForm Support

    Answered by Mike_T on June 06, 2012 at 04:50 PM

    @mirou795,

    Your account is suspended due to phishing activity. We are not able to re-activate it.