Do you have a firefox problem compatibility ?

  • Profile Image
    Hardtraxx
    Asked on July 13, 2010 at 08:08 AM

    I just noticed that the form can not be completed with firefox

    do you have a script solution ?

  • Profile Image
    aytekin
    Answered on July 14, 2010 at 08:21 AM

    No, we do not have any firefox problems since we all use Firefox to develop JotForm. Can you post the URL of the problem?

  • Profile Image
    Hardtraxx
    Answered on July 14, 2010 at 08:50 AM

    Hey Aytekin ,

    Thanks for your answer,

    http://hardtraxx-management.com/promotion.html

    with firefox , you can't completed the form but with IE no problem

    i don't understand and i don't see where's the problem

    tks

  • Profile Image
    aytekin
    Answered on July 14, 2010 at 09:37 AM

    The form code is broken. You will need to get new form source code and update the code on your site.

  • Profile Image
    Hardtraxx
    Answered on July 15, 2010 at 04:43 AM

    What is the solution
    This code was generated by the module
    Why it works in IE

  • Profile Image
    aytekin
    Answered on July 15, 2010 at 10:31 AM

    1. Open your form on the JotForm Form Builder:

    2. Open "Setup & Share" tab on toolbar,

    3. Click on "Share Form"

    4. Copy the code provided at "Paste this code on your web site".

  • Profile Image
    Hardtraxx
    Answered on July 19, 2010 at 05:23 AM

    the probleme is same check my code, because i don't understand

     

    <script src="//www.jotform.com/min/g=jotform&" type="text/javascript"></script>
    <script type="text/javascript">

       JotForm.init(function(){
          JotForm.setCalendar("19");
          JotForm.initCaptcha('input_16');
          $('input_16').hint('Type the above text');
       });
    </script>
    <link type="text/css" rel="stylesheet" target="_blank" href="http://www.jotform.com/css/styles/form.css?v3"/>
    <link type="text/css" rel="stylesheet" target="_blank" href="http://www.jotform.com/css/styles/industrial_dark.css" />
    <link target="_blank" href="http://www.jotform.com/css/calendarview.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .form-label{
            width:150px !important;
        }
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding:15px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:1000px;
            background:url("http://www.jotform.com/images/styles/style4_2_bg.gif") repeat-x scroll center top rgb(54, 53, 53);
            color:#FFFFFF !important;
            font-family:Helvetica;
            font-size:12px;
        }
    </style>

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <meta name="HandheldFriendly" content="true" /><form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_1934249765" id="1934249765" accept-charset="utf-8">
        <input type="hidden" name="formID" value="1934249765" />
        <div class="form-all">
            <ul class="form-section">
                <li id="id_22" class="form-input-wide">
                    <div class="form-header-group">
                        <h1 id="header_22" class="form-header">
                            Entertainment Request Form
                        </h1>
                        <div id="subHeader_22" class="form-subHeader">
                            We created this special form to get a clear understanding of your specific needs, events, budgets, etc. in an effort to make the talent buying process as quick and easy as possible. After filling out the form an Agent will contact you within 24 hours to respond to your request. Our office is staffed from 9:00 AM – 6:00 PM EST, Monday – Friday.
                        </div>
                    </div>
                </li>
                <li class="form-line" id="id_4">
                    <label class="form-label-top" id="label_4" for="input_4">
                        Company:<span class="form-required">*</span>
                    </label>
                    <div id="id_4" class="form-input-wide">
                        <input type="text" class="form-textbox validate[required]" id="input_4" name="q4_company4" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_1">
                    <label class="form-label-top" id="label_1" for="input_1"> First Name: </label>
                    <div id="id_1" class="form-input-wide">
                        <input type="text" class="form-textbox" id="input_1" name="q1_firstName" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_2">
                    <label class="form-label-top" id="label_2" for="input_2"> Last Name: </label>
                    <div id="id_2" class="form-input-wide">
                        <input type="text" class="form-textbox" id="input_2" name="q2_Last_Name_" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_5">
                    <label class="form-label-top" id="label_5" for="input_5"> City/State: </label>
                    <div id="id_5" class="form-input-wide">
                        <input type="text" class="form-textbox" id="input_5" name="q5_citystate" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_3">
                    <label class="form-label-top" id="label_3" for="input_3">
                        Email:<span class="form-required">*</span>
                    </label>
                    <div id="id_3" class="form-input-wide">
                        <input type="text" class="form-textbox validate[required]" id="input_3" name="q3_email" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_8">
                    <label class="form-label-top" id="label_8" for="input_8">
                        Name Of Desired Artist(s):<span class="form-required">*</span>
                    </label>
                    <div id="id_8" class="form-input-wide">
                        <input type="text" class="form-textbox validate[required]" id="input_8" name="q8_nameOf" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_19">
                    <label class="form-label-top" id="label_19" for="input_19"> Event Date </label>
                    <div id="id_19" class="form-input-wide"><span class="form-sub-label-container"><input class="form-textbox" id="month_19" name="q19_eventDate[month]" type="text" size="2" maxlength="2" value="07" />
                            -
                            <label class="form-sub-label" for="month_19" id="sublabel_month"> Mois </label></span><span class="form-sub-label-container"><input class="form-textbox" id="day_19" name="q19_eventDate[day]" type="text" size="2" maxlength="2" value="19" />
                            -
                            <label class="form-sub-label" for="day_19" id="sublabel_day"> Jour </label></span><span class="form-sub-label-container"><input class="form-textbox" id="year_19" name="q19_eventDate[year]" type="text" size="4" maxlength="4" value="2010" />
                            at
                            <label class="form-sub-label" for="year_19" id="sublabel_year"> Année </label></span><span class="form-sub-label-container"><input class="form-textbox" id="hour_19" name="q19_eventDate[hour]" type="text" size="2" maxlength="2" value="12" />
                            /
                            <label class="form-sub-label" for="hour_19" id="sublabel_hour"> Heure </label></span><span class="form-sub-label-container"><input class="form-textbox" id="min_19" name="q19_eventDate[min]" type="text" size="2" maxlength="2" value="21" />
                            <label class="form-sub-label" for="min_19" id="sublabel_minutes"> Procès-verbal </label></span><span class="form-sub-label-container"><select class="form-dropdown" id="ampm_19" name="q19_eventDate[ampm]">
                                <option value="AM"> AM </option>
                                <option value="PM"> PM </option>
                            </select>
                            <label class="form-sub-label" for="ampm_19"> &nbsp;&nbsp;&nbsp; </label></span><span class="form-sub-label-container"><img alt="Pick a Date" id="input_19_pick" src="//www.jotform.com/images/calendar.png" align="absmiddle" />
                            <label class="form-sub-label" for="input_19_pick"> &nbsp;&nbsp;&nbsp; </label></span>
                    </div>
                </li>
                <li class="form-line" id="id_10">
                    <label class="form-label-top" id="label_10" for="input_10">
                        Event Location:<span class="form-required">*</span>
                    </label>
                    <div id="id_10" class="form-input-wide">
                        <input type="text" class="form-textbox validate[required]" id="input_10" name="q10_Event_Location_" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_11">
                    <label class="form-label-top" id="label_11" for="input_11">
                        Event Type:<span class="form-required">*</span>
                    </label>
                    <div id="id_11" class="form-input-wide">
                        <select class="form-dropdown validate[required]" style="width:150px" id="input_11" name="q11_eventType">
                            <option>  </option>
                            <option value="--None--"> --None-- </option>
                            <option value="Club"> Club </option>
                            <option value="Festival"> Festival </option>
                            <option value="Radio Station Promotion"> Radio Station Promotion </option>
                            <option value="Other"> Other </option>
                        </select>
                    </div>
                </li>
                <li class="form-line" id="id_15">
                    <label class="form-label-top" id="label_15" for="input_15"> Website Club </label>
                    <div id="id_15" class="form-input-wide">
                        <input type="text" class="form-textbox" id="input_15" name="q15_websiteClub15" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_12">
                    <label class="form-label-top" id="label_12" for="input_12"> Number of Attendees: </label>
                    <div id="id_12" class="form-input-wide">
                        <input type="text" class="form-textbox" id="input_12" name="q12_Number_of_Attendees_" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_13">
                    <label class="form-label-top" id="label_13" for="input_13">
                        Approximate Budget €:<span class="form-required">*</span>
                    </label>
                    <div id="id_13" class="form-input-wide">
                        <input type="text" class="form-textbox validate[required]" id="input_13" name="q13_approximateBudget" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_14">
                    <label class="form-label-top" id="label_14" for="input_14"> Event Comments: </label>
                    <div id="id_14" class="form-input-wide">
                        <textarea id="input_14" class="form-textarea" name="q14_Event_Comments_" cols="100" rows="8"></textarea>
                    </div>
                </li>
                <li class="form-line" id="id_16">
                    <label class="form-label-top" id="label_16" for="input_16">
                        Captcha Security<span class="form-required">*</span>
                    </label>
                    <div id="id_16" class="form-input-wide">
                        <div class="form-captcha">
                            <label for="input_16"> <img alt="Captcha - Reload if it's not displayed" id="input_16_captcha" class="form-captcha-image" style="background:url(http://www.jotform.com/images/loader-big.gif) no-repeat center;" src="//www.jotform.com/images/blank.gif" width="150" height="41" /> </label>
                            <div style="white-space:nowrap;">
                                <input type="text" id="input_16" name="captcha" style="width:130px;" />
                                <img src="//www.jotform.com/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_16');" />
                                <input type="hidden" name="captcha_id" id="input_16_captcha_id" value="0">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="form-line" id="id_20">
                    <div id="id_20" class="form-input-wide">
                        <div style="margin-left:156px" class="form-buttons-wrapper">
                            <button id="input_20" type="submit" class="form-submit-button">
                                Submit
                            </button>
                            &nbsp;
                            <button id="input_reset_20" type="reset" class="form-submit-reset">
                                Clear Form
                            </button>
                            &nbsp;
                            <button id="input_print_20" style="margin-left:25px;" class="form-submit-print" type="button">
                                <img src="//www.jotform.com/images/printer.png" align="absmiddle" />
                                Print Form
                            </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="1934249765" />
        <script type="text/javascript">
            document.getElementById("si" + "mple" + "_spc").value = "1934249765-1934249765";
        </script>
    </form>

  • Profile Image
    aytekin
    Answered on July 19, 2010 at 02:54 PM

    Get the short 1 line code instead. It is more difficult to break that code. You can find it on the first page when you click on "Share Form" button.

  • Profile Image
    Hardtraxx
    Answered on July 20, 2010 at 06:20 AM

    yes my friend, but the problem is the same

  • Profile Image
    aytekin
    Answered on July 20, 2010 at 07:41 AM

    I am looking at the source code of this page:

    http://hardtraxx-management.com/promotion.html

    And, I don't see the 1-line code. I see the full source code. 

  • Profile Image
    Hardtraxx
    Answered on July 20, 2010 at 08:50 AM
    aytekin,Source code modified you can check for the two formsmany tks
  • Profile Image
    aytekin
    Answered on July 20, 2010 at 11:26 AM

    The problem must be something in the page. Do you have CSS that has absolute positions? 

    Because the regular form works just fine:

    http://www.jotform.com/form/1921434723

  • Profile Image
    Hardtraxx
    Answered on July 21, 2010 at 07:44 AM

    <script src="//www.jotform.com/jsform/1921434723"></script>

    I just created a blank page, the problem is the same

  • Profile Image
    aytekin
    Answered on July 22, 2010 at 07:32 AM

    The problem is on your design. There is nothing I can do. The form works fine standalone:

    http://www.jotform.com/form/1921434723

  • Profile Image
    Hardtraxx
    Answered on July 22, 2010 at 08:24 AM

    It's really strange