Incompatibilité IE 6 avec le Firefox Mozilla!

Résolu/Fermé
bbo94 - 4 mars 2009 à 11:33
 bbo94 - 4 mars 2009 à 15:19
Bonjour,

J'ai besoin de votre aide!!! J'ai créé un formulaire classique mais avec des fonctions Javascript dedans pour gérer par exemple l'apparition de champs texte ou liste déroulant dès lors qu'on clique sur un CHECKBOX du formulaire. J'ai essayé de l'exécuter sous Internet Explorer (version 6), ça marche très bien.

Mais sous Mozilla, ça ne marche pas du tout, ni même sur une version de IE version 8 (Bêta!). Alors je ne sais comment le rendre compatible (et passe-partout!) à toutes ces versions. Existe t-il des fonctions à inclure pour le faire? Quelqu'un peut-il m'aider svp??

Voici un exemple de formulaire:

<html>
<head>
<title>Terrains à bâtir</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="Javascript">

function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
if (Masquer=='1')
objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
else
objControle.disabled=(objControleur.checked==true)?false:true;
return true;
}
</script>

</head>

<body>

<center>
<form action="pageadefinir.php" id="contact_form" method="get" onsubmit="return checkForm(this)">
<table style="margin-left:auto;margin-right:auto;border:1px dotted #999999;padding : 10px;" class=right_box_inner width=60%>
<!--<tr>
<td align="left" class="main"><font size=2>Proposition:</td>
<td align="left" class="main">
<input type="radio" name="proposition" value="a vendre" class="input"> A vendre
<input type="radio" name="proposition" value="a louer" class="input">A louer
</td>
</tr> -->
<tr>
<td align="left" class="main"><font size=2>Pays<font color="#FF0000">*</font>:</td>
<td align="left" class="main"><select name="country" id="country" class="" tabindex="7">
<option value="" >Select One</option>
<option value="af" >Afghanistan</option>

<option value="ax" >Îles Åland</option>
<option value="al" >Albanie</option>
<option value="dz" >Algérie</option>
<option value="as" >Samoa américaines</option>
<option value="ad" >Andorre</option>
<option value="ao" >Angola</option>

<option value="ai" >Anguilla</option>
<option value="aq" >Antarctique</option>
<option value="ag" >Antigua-et-Barbuda</option>
<option value="ar" >Argentine</option>
<option value="am" >Arménie</option>
<option value="aw" >Aruba</option>

<option value="au" >Australie</option>
<option value="at" >Autriche</option>
<option value="az" >Azerbaïdjan</option>
<option value="bs" >Bahamas</option>
<option value="bh" >Bahreïn</option>
<option value="bd" >Bangladesh</option>

<option value="bb" >Barbade</option>
<option value="by" >Biélorussie</option>
<option value="be" >Belgique</option>
<option value="bz" >Belize</option>
<option value="bj" >Bénin</option>
<option value="bm" >Bermudes</option>

<option value="bt" >Bhoutan</option>
<option value="bo" >Bolivie</option>
<option value="ba" >Bosnie-Herzégovine</option>
<option value="bw" >Botswana</option>
<option value="bv" >Île Bouvet</option>
<option value="br" >Brésil</option>

<option value="io" >Territoire britannique de l'Océan Indien</option>
<option value="vg" >Îles Vierges britanniques</option>
<option value="bn" >Brunei</option>
<option value="bg" >Bulgarie</option>
<option value="bf" >Burkina Faso</option>
<option value="bi" >Burundi</option>

<option value="kh" >Cambodge</option>
<option value="cm" >Cameroun</option>
<option value="ca" >Canada</option>
<option value="cv" >Cap Vert</option>
<option value="ky" >Îles Caïmans</option>
<option value="cf" >République Centrafricaine</option>

<option value="td" >Tchad</option>
<option value="cl" >Chili</option>
<option value="cn" >Chine</option>
<option value="cx" >Île Christmas</option>
<option value="cc" >Îles des Cocos (Keeling)</option>
<option value="co" >Colombie</option>

<option value="km" >Comores</option>
<option value="cg" >République du Congo</option>
<option value="ck" >Îles Cook</option>
<option value="cr" >Costa Rica</option>
<option value="hr" >Croatie</option>
<option value="cu" >Cuba</option>

<option value="cy" >Chypre</option>
<option value="cz" >République tchèque</option>
<option value="cd" >République démocratique du Congo</option>
<option value="dk" >Danemark</option>
<option value="xx" >Territoire disputé</option>
<option value="dj" >Djibouti</option>

<option value="dm" >Dominique</option>
<option value="do" >République Dominicaine</option>
<option value="tl" >Timor oriental</option>
<option value="ec" >Équateur</option>
<option value="eg" >Égypte</option>
<option value="sv" >El Salvador</option>

<option value="gq" >Guinée équatoriale</option>
<option value="er" >Érythrée</option>
<option value="ee" >Estonie</option>
<option value="et" >Éthiopie</option>
<option value="fk" >Îles Malouines</option>
<option value="fo" >Îles Féroé</option>

<option value="fm" >Etats fédérés de Micronésie</option>
<option value="fj" >Fidji</option>
<option value="fi" >Finlande</option>
<option value="fr" SELECTED >France</option>
<option value="gf" >Guyane française</option>
<option value="pf" >Polynésie française</option>

<option value="tf" >Terres australes et antarctiques françaises</option>
<option value="ga" >Gabon</option>
<option value="gm" >Gambie</option>
<option value="ge" >Géorgie</option>
<option value="de" >Allemagne</option>
<option value="gh" >Ghana</option>

<option value="gi" >Gibraltar</option>
<option value="gr" >Grèce</option>
<option value="gl" >Groenland</option>
<option value="gd" >Grenade</option>
<option value="gp" >Guadeloupe</option>
<option value="gu" >Guam</option>

<option value="gt" >Guatemala</option>
<option value="gn" >Guinée</option>
<option value="gw" >Guinée-Bissau</option>
<option value="gy" >République du Guyana</option>
<option value="ht" >Haïti</option>
<option value="hm" >Territoire des îles Heard et McDonald</option>

<option value="hn" >Honduras</option>
<option value="hk" >Hong-Kong</option>
<option value="hu" >Hongrie</option>
<option value="is" >Islande</option>
<option value="in" >Inde</option>
<option value="id" >Indonésie</option>

<option value="ir" >Iran</option>
<option value="iq" >Iraq</option>
<option value="xe" >Zone neutre entre l'Iraq et l'Arabie saoudite</option>
<option value="ie" >Irlande</option>
<option value="il" >Israël</option>
<option value="it" >Italie</option>

<option value="ci" >Côte d'Ivoire</option>
<option value="jm" >Jamaïque</option>
<option value="jp" >Japon</option>
<option value="jo" >Jordanie</option>
<option value="kz" >Kazakhstan</option>
<option value="ke" >Kenya</option>

<option value="ki" >Kiribati</option>
<option value="kw" >Koweït</option>
<option value="kg" >Kirghizstan</option>
<option value="la" >Laos</option>
<option value="lv" >Lettonie</option>
<option value="lb" >Liban</option>

<option value="ls" >Lesotho</option>
<option value="lr" >Libéria</option>
<option value="ly" >Libye</option>
<option value="li" >Liechtenstein</option>
<option value="lt" >Lituanie</option>
<option value="lu" >Luxembourg</option>

<option value="mo" >Macao</option>
<option value="mk" >Macédoine</option>
<option value="mg" >Madagascar</option>
<option value="mw" >Malawi</option>
<option value="my" >Malaisie</option>
<option value="mv" >Maldives</option>

<option value="ml" >Mali</option>
<option value="mt" >Malte</option>
<option value="mh" >Îles Marshall</option>
<option value="mq" >Martinique</option>
<option value="mr" >Mauritanie</option>
<option value="mu" >Île Maurice</option>

<option value="yt" >Mayotte</option>
<option value="mx" >Mexique</option>
<option value="md" >Moldavie</option>
<option value="mc" >Monaco</option>
<option value="mn" >Mongolie</option>
<option value="ms" >Montserrat</option>

<option value="ma" >Maroc</option>
<option value="mz" >Mozambique</option>
<option value="mm" >Myanmar</option>
<option value="na" >Namibie</option>
<option value="nr" >Nauru</option>
<option value="np" >Népal</option>

<option value="nl" >Pays-Bas</option>
<option value="an" >Antilles néerlandaises</option>
<option value="nc" >Nouvelle-Calédonie</option>
<option value="nz" >Nouvelle-Zélande</option>
<option value="ni" >Nicaragua</option>
<option value="ne" >Niger</option>


<option value="ng" >Nigeria</option>
<option value="nu" >Nioué</option>
<option value="nf" >Îles Norfolk</option>
<option value="kp" >Corée du Nord</option>
<option value="mp" >Îles Mariannes du Nord</option>
<option value="no" >Norvège</option>

<option value="om" >Oman</option>
<option value="pk" >Pakistan</option>
<option value="pw" >Palau</option>
<option value="ps" >Territoires occupés palestiniens</option>
<option value="pa" >Panama</option>
<option value="pg" >Papouasie-Nouvelle-Guinée</option>

<option value="py" >Paraguay</option>
<option value="pe" >Pérou</option>
<option value="ph" >Philippines</option>
<option value="pn" >Îles Pitcairn</option>
<option value="pl" >Pologne</option>
<option value="pt" >Portugal</option>

<option value="pr" >Porto Rico</option>
<option value="qa" >Qatar</option>
<option value="re" >Réunion</option>
<option value="ro" >Roumanie</option>
<option value="ru" >Russie</option>
<option value="rw" >Rwanda</option>

<option value="sh" >Sainte-Hélène et dépendances</option>
<option value="kn" >Saint-Kitts-et-Nevis</option>
<option value="lc" >Sainte-Lucie</option>
<option value="pm" >Saint-Pierre-et-Miquelon</option>
<option value="vc" >Saint-Vincent-et-les-Grenadines</option>
<option value="ws" >Samoa</option>

<option value="sm" >Saint-Marin</option>
<option value="st" >Sao Tomé-et-Principe</option>
<option value="sa" >Arabie saoudite</option>
<option value="sn" >Sénégal</option>
<option value="cs" >Serbie-et-Monténégro</option>
<option value="sc" >Seychelles</option>

<option value="sl" >Sierra Leone</option>
<option value="sg" >Singapour</option>
<option value="sk" >Slovaquie</option>
<option value="si" >Slovénie</option>
<option value="sb" >Îles Salomon</option>
<option value="so" >Somalie</option>

<option value="za" >Afrique du Sud</option>
<option value="gs" >Îles Géorgie du Sud et Sandwich du Sud</option>
<option value="kr" >Corée du Sud</option>
<option value="es" >Espagne</option>
<option value="pi" >Îles Spratly</option>
<option value="lk" >Sri Lanka</option>

<option value="sd" >Soudan</option>
<option value="sr" >Suriname</option>
<option value="sj" >Îles Svalbard et Jan Mayen</option>
<option value="sz" >Swaziland</option>
<option value="se" >Suède</option>
<option value="ch" >Suisse</option>

<option value="sy" >Syrie</option>
<option value="tw" >Taïwan</option>
<option value="tj" >Tadjikistan</option>
<option value="tz" >Tanzanie</option>
<option value="th" >Thaïlande</option>
<option value="tg" >Togo</option>

<option value="tk" >Îles Tokelau</option>
<option value="to" >Tonga</option>
<option value="tt" >Trinité-et-Tobago</option>
<option value="tn" >Tunisie</option>
<option value="tr" >Turquie</option>
<option value="tm" >Turkménistan</option>

<option value="tc" >Îles Turques et Caïques</option>
<option value="tv" >Tuvalu</option>
<option value="ug" >Ouganda</option>
<option value="ua" >Ukraine</option>
<option value="ae" >Émirats arabes unis</option>
<option value="uk" >Royaume-Uni</option>

<option value="xd" >Zone neutre des Nations Unies</option>
<option value="us" >Etats-Unis d'Amérique</option>
<option value="um" >Îles mineures éloignées des États-Unis</option>
<option value="uy" >Uruguay</option>
<option value="vi" >Îles Vierges américaines</option>
<option value="uz" >Ouzbékistan</option>

<option value="vu" >Vanuatu</option>
<option value="va" >Vatican</option>
<option value="ve" >Venezuela</option>
<option value="vn" >Vietnam</option>
<option value="wf" >Wallis-et-Futuna</option>
<option value="eh" >Sahara Occidental</option>

<option value="ye" >Yémen</option>
<option value="zm" >Zambie</option>
<option value="zw" >Zimbabwe</option>
</select>





</td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Localité<font color="#FF0000">*</font>:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="REGION" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Prix de vente<font color="#FF0000">*</font> (k€):</td>
<td align="left" class="main"><input type="text" maxlength="100" name="CA" size="35" value="" class="input2"/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Nom:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="NOM" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Prénom<font color="#FF0000">*</font>:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="PRENOM" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Société:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="SOCIETE" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Adresse:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="ADRESSE" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Code postal:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="CP" size="35" value="" class="input2"/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Ville:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="VILLE" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Téléphone:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="TELEPHONE" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Email<font color="#FF0000">*</font>:</td>
<td align="left" class="main"><input type="text" maxlength="150" name="EMAIL" size="35" value=""/></td>
</tr>

<tr>
<td align="left" class="main"><font size=2>Mot de passe:</td>
<td align="left" class="main"><input type="password" maxlength="100" name="PASSE" size="35" value=""/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Confirmez votre mot de passe:<font color="#FF0000">*</font></td>
<td align="left" class="main"><input type="password" maxlength="100" name="PASSE1" size="35" value=""/></td>
</tr>

<tr>
<td align="left" class="main"><font size=2>Informations complémentaires :</td>
<td align="left" class="main"><textarea class="input3" name="infos" cols="32" rows="6"></textarea></td>
</tr>

</table><br/>

<table border="1" style="margin-left:auto;margin-right:auto;border:1px dotted #999999;padding : 10px;" class=right_box_inner width=60%>
<tr>
<td align="left" class="main"><font size=2>Surface (m2)<font color="#FF0000">*</font>:</td>
<td align="left" class="main"><input type="text" maxlength="100" name="SURFACE" size="35" value="" class="input2"/></td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Carctéristiques<font color="#FF0000">*</font>:</td>
<td align="left" class="main">
<input type="checkbox" name="urbanisme" id="urbanisme">Certificat d'urbanisme<br/>
<input type="checkbox" name="cos" id="cos">Cos (Mettre la valeur)<br/>

<input type="checkbox" id="viable" onClick="GereControle('viable', 'choix', '1');"><label for="viable">Viabilisé</label>

<select name="choix" style="visibility:hidden" id="viable" >
<option selected>Choisissez</option>
<option>Eau</option>
<option>Tout à l'égout</option>
<option>Gaz</option>
<option>Electricité</option>
</select><br/>

<!-- <input type="checkbox" name="viabilise" id="viabilise">Viabilisé<br/> --> <!-- implémentation fonction Javascript ou ajax (Eau, tout à l'égout, gaz, électricité) -->
<input type="checkbox" name="divers" id="divers">Divers autres<br/>
Si autres, précisez (Présence bois, étang, rivière, terres agricoles, forêt,...)
<input type="text" class="input2" name="divers">
</td>
</tr>
<tr>
<td align="left" class="main"><font size=2>Caractéristiques<font color="#FF0000">*</font>:</td>
<td align="left" class="main">
<input type="checkbox" name="campagne" id="campagne">A la campagne
<input type="checkbox" name="ville" id="ville">En ville
<input type="checkbox" name="lotissement" id="lotissement">Dans un lotissement
<input type="checkbox" name="divers" id="divers">Divers autres<br/>
Si autres, précisez (Présence étang, rivière, terrain à bâtir,...)
<input type="text" class="input2" name="divers">
</td>
</tr>
</table>
<br/>
<input type="submit" name="valider" value="valider">

</form>
</center>



</body>
</html>


MERCI D'AVANCE!!!

2 réponses

Quelqu'un peut-il m'aider pour ce blocage svp!!!

Voir la question plus haut. Merci d'avance!!
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
4 mars 2009 à 13:57
normal !! tu as des id en double !!!! par definition une id est unique !

met ce code a la place ;-))

ca vas aller !
  <input type="checkbox" id="viable" onClick="GereControle('viable', 'choix', '1');">
              <label for="viable">Viabilisé
              </label>
              <select name="choix" style="visibility:hidden" id="choix" >
                <option selected>Choisissez
                </option>
                <option>Eau
                </option>
                <option>Tout à l'égout
                </option>
                <option>Gaz
                </option>
                <option>Electricité
                </option>
              </select>
-1
Oui je n'avais pas du tout la petite bête! Je te remercie pour ton coup de main...

@+ pour d'autres questions.

Cordialement,
0