Problème de compatibilité avec Internet Explorer

Bonjour à tous,

Je suis nouveau dans ce forum, et j'aurais besoin d'un petit coup de pouce par rapport à un script.
J'essaye de faire apparaitre dans une div le reste d'un formulaire aprés avoir choisis une option dans un menu déroulant.
Code CSS:

<style> .monObjet { position: relative; } </style>

Script JS:

<script type="text/javascript" language="javascript" > <!-- // Formulaire dynamique avec radio button // Script Gratuit des Trucsweb.com var ns4=document.layers var ie4=document.all var ns6=document.getElementById&&!document.all function Change_objet(nObjet,nContenu) { // nObjet = le nom de l'objet // nContenu = Le contenu affiché dans l'objet // nLeft = La position x (de: haut gauche) // nTop = La position y (de: haut gauche) if (ns4) { document.eval(nObjet).document.write(nContenu); document.eval(nObjet).document.close(); } else if (ns6) { document.getElementById(nObjet).innerHTML = nContenu; } else if (ie4) { eval(nObjet).innerHTML = nContenu; } } // --> </script>

code html:

<form method="post" action="commandez.php"> <select name="marque" id="marque" > <option value="Selectionnez votre marque de lentilles" selected="selected">Selectionnez votre marque de lentilles</option> <optgroup label="BAUSCH & LOMB"> <option value="Nike maxsight - Boîte de 6">Nike maxsight - Boîte de 6</option> <option value="Purevision - Boîte de 6">Purevision - Boîte de 6</option> <option value="Purevision Toric - Boîte de 6">Purevision Toric - Boîte de 6</option> <option value="Purevision Multi-focal - Boîte de 6">Purevision Multi-Focal - Boîte de 6</option> <option value="Soflens 1 day - Boite de 30">Soflens 1 day - Boîte de 30</option> <option value="Soflens 1 day - Boite de 90">Soflens 1 day - Boîte de 90</option> <option value="Soflens 1 day - Boite de 180">Soflens 1 day - Boîte de 180</option> <option value="Soflens daily disposable - Boîte de 30" name="r1" onClick="Change_objet('monObjet',txt1)">Soflens daily disposable - Boîte de 30</option> </optgroup> </select> <div class="monObjet" id="monObjet" ></div> </form>

Je ne sais pas si vous aller trouver une petite soluce à mon problème mais merci d'avance d'y jetter un coup d'oeil

T.

Bonjour,

>>J'essaye de faire apparaitre dans une div le reste d'un formulaire
>>aprés avoir choisis une option dans un menu déroulant.
    et où qu'est-y le problème de compatibilité ?
    IE et FF : même combat....
   
    rien n'est fait lorsque qu'on choisit une ligne ( pas de onchange par exemple )
       et quoi c'est-y le le reste du formulaire ?

    pour moi, en l'état FF ou IE, même résultat : c'està dire rien.

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Merci de ta réponse,

Le problème c'est que je n'ai pas mis tout mon code, de peur que cela soit trop, et mal codé...
pour exmple tu peux voir le lien sur lequel j'essaye de le faire marcher : http://www.optique-horizon.com/pages/MenuCentral/commandez.php
je peux toujours te le poster:


JS:

var ns4=document.layers
var ie7=document.all
var ns6=document.getElementById&&!document.all

var txt1 = '<p>Diamètre : 14,2  &nbsp;&nbsp;- &nbsp;&nbsp;  rayon : 8,60</p><p><table width="665" border="0"><tr><td height="20">&nbsp;</td><td>Puissance</td><td><label for="label4">Quantit&eacute; </label></td></tr><tr><td width="98" height="24"><label for="label4">Oeil Droit </label>:</td><td width="108"><select name="sphere_od" id="sphere_od" ><option value="" selected="selected">Sélectionnez</option><option value="-12,00">-12,00</option><option value="-11,50">-11,50</option><option value="-11,00">-11,00</option><option value="-10,50">-10,50</option><option value="-10,00">-10,00</option><option value="-9,50">-9,50</option><option value="-9,00">-9,00</option><option value="-8,50">-8,50</option><option value="-8,00">-8,00</option><option value="-7,50">-7,50</option><option value="-7,00">-7,00</option><option value="-6,50">-6,50</option><option value="-6,00">-6,00</option><option value="-5,75">-5,75</option><option value="-5,50">-5,50</option><option value="-5,25">-5,25</option><option value="-5,00">-5,00</option><option value="-4,75">-4,75</option><option value="-4,50">-4,50</option><option value="-4,25">-4,25</option><option value="-4,00">-4,00</option><option value="-3,75">-3,75</option><option value="-3,50">-3,50</option><option value="-3,25">-3,25</option><option value="-3,00">-3,00</option><option value="-2,75">-2,75</option><option value="-2,50">-2,50</option><option value="-2,25">-2,25</option><option value="-2,00">-2,00</option><option value="-1,75">-1,75</option><option value="-1,50">-1,50</option><option value="-1,25">-1,25</option><option value="-1,00">-1,00</option><option value="-0,75">-0,75</option><option value="-0,50">-0,50</option><option value="-0,25">-0,25</option><option value="+0,25">+0,25</option><option value="+0,50">+0,50</option><option value="+0,75">+0,75</option><option value="+1,00">+1,00</option><option value="+1,25">+1,25</option><option value="+1,50">+1,50</option><option value="+1,75">+1,75</option><option value="+2,00">+2,00</option><option value="+2,25">+2,25</option><option value="+2,50">+2,50</option><option value="+2,75">+2,75</option><option value="+3,00">+3,00</option><option value="+3,25">+3,25</option><option value="+3,50">+3,50</option><option value="+3,75">+3,75</option><option value="+4,00">+4,00</option><option value="+4,25">+4,25</option><option value="+4,50">+4,50</option><option value="+4,75">+4,75</option><option value="+5,00">+5,00</option><option value="+5,25">+5,25</option>                                        <option value="+5,50">+5,50</option><option value="+5,75">+5,75</option><option value="+6,00">+6,00</option><option value="+6,25">+6,25</option><option value="+6,50">+6,50</option></select><td width="92">    <input name="boite" type="text" id="label2" accesskey="i" size="5" maxlength="2" /></td></td> <tr><td width="98" height="24"><label for="label4">Oeil Gauche </label>:</td><td width="108"><select name="sphere_og" id="sphere_og" ><option value="" selected="selected">Sélectionnez</option><option value="-12,00">-12,00</option><option value="-11,50">-11,50</option><option value="-11,00">-11,00</option><option value="-10,50">-10,50</option><option value="-10,00">-10,00</option><option value="-9,50">-9,50</option><option value="-9,00">-9,00</option><option value="-8,50">-8,50</option><option value="-8,00">-8,00</option><option value="-7,50">-7,50</option><option value="-7,00">-7,00</option><option value="-6,50">-6,50</option><option value="-6,00">-6,00</option><option value="-5,75">-5,75</option><option value="-5,50">-5,50</option><option value="-5,25">-5,25</option><option value="-5,00">-5,00</option><option value="-4,75">-4,75</option><option value="-4,50">-4,50</option><option value="-4,25">-4,25</option><option value="-4,00">-4,00</option><option value="-3,75">-3,75</option><option value="-3,50">-3,50</option><option value="-3,25">-3,25</option><option value="-3,00">-3,00</option><option value="-2,75">-2,75</option><option value="-2,50">-2,50</option><option value="-2,25">-2,25</option><option value="-2,00">-2,00</option><option value="-1,75">-1,75</option><option value="-1,50">-1,50</option><option value="-1,25">-1,25</option><option value="-1,00">-1,00</option><option value="-0,75">-0,75</option><option value="-0,50">-0,50</option><option value="-0,25">-0,25</option><option value="+0,25">+0,25</option><option value="+0,50">+0,50</option><option value="+0,75">+0,75</option><option value="+1,00">+1,00</option><option value="+1,25">+1,25</option><option value="+1,50">+1,50</option><option value="+1,75">+1,75</option><option value="+2,00">+2,00</option><option value="+2,25">+2,25</option><option value="+2,50">+2,50</option><option value="+2,75">+2,75</option><option value="+3,00">+3,00</option><option value="+3,25">+3,25</option><option value="+3,50">+3,50</option><option value="+3,75">+3,75</option><option value="+4,00">+4,00</option><option value="+4,25">+4,25</option><option value="+4,50">+4,50</option><option value="+4,75">+4,75</option><option value="+5,00">+5,00</option><option value="+5,25">+5,25</option>                                        <option value="+5,50">+5,50</option><option value="+5,75">+5,75</option><option value="+6,00">+6,00</option><option value="+6,25">+6,25</option><option value="+6,50">+6,50</option></select><td width="92">    <input name="boite" type="text" id="label2" accesskey="i" size="5" maxlength="2" /></td></td>  <tr></table> </br></br></p>   <p></p> </br></br>Choissisez votre magasin    <img src="../../img/logos/horizon/horizon_petit.png" alt="otpqiue horizon, horizon logo petit" width="61" height="14" /><select name="magasin"><option value="1">Horizon St Martin d\'Hères</option><option value="2">Horizon Vaucanson</option></select>   </br></br>  <p> <table width="729" border="0"> <tr> <td width="276">Nom*: <input type="text" name="nom" value="votre nom" >  </br></br>  </td> <td width="443">Prenom*: <input type="text" name="prenom" value="votre prénom" ></td></tr></table> </br></br></p>  <p></p>  </br></br> <p>  Date de naissance* :<input name="date" type="text" id="date" accesskey="d" size="13" maxlength="13" value="jj/mm/aaaa" /> </p> </br></br> <p>Adresse de messagerie *:<input name="email" type="text" id="email" accesskey="m" size="30" maxlength="30" value="votre email"/> </br></p>  </br></br>  téléphone:<input name="tel" type="text" id="label" accesskey="t" size="10" maxlength="10" /><p></p>  </br></br>Commentaires :</br><textarea name="commentaires" cols="60" rows="5" id="label" accesskey="c"></textarea>';


function Change_objet(nObjet,nContenu) {
  // nObjet = le nom de l'objet
  // nContenu = Le contenu affiché dans l'objet
  // nLeft = La position x (de: haut gauche)
  // nTop = La position y (de: haut gauche)

  if (ns4) {
    document.eval(nObjet).document.write(nContenu);
    document.eval(nObjet).document.close();
  }
  else if (ns6) {
    document.getElementById(nObjet).innerHTML = nContenu;

  }
  else if (ie4) {
    eval(nObjet).innerHTML = nContenu;
  }
}
//  -->
</script>


html:

<form method="post" action="commandez.php">
S&eacute;lectionnez vos lentilles</label>
                          :                         
                           <select name="marque" id="marque" >
  <option value="Selectionnez votre marque de lentilles" selected="selected">Selectionnez votre marque de lentilles</option>
  <optgroup label="BAUSCH & LOMB">
<option value="Nike maxsight - Boîte de 6">Nike maxsight - Boîte de 6</option>
<option value="Purevision - Boîte de 6">Purevision - Boîte de 6</option>
<option value="Purevision Toric - Boîte de 6">Purevision Toric - Boîte de 6</option>
<option value="Purevision Multi-focal - Boîte de 6">Purevision Multi-Focal - Boîte de 6</option>
<option value="Soflens 1 day - Boite de 30">Soflens 1 day - Boîte de 30</option>
<option value="Soflens 1 day - Boite de 90">Soflens 1 day - Boîte de 90</option>
<option value="Soflens 1 day - Boite de 180">Soflens 1 day - Boîte de 180</option>
<option value="Soflens daily disposable - Boîte de 30" name="r1" onClick="Change_objet('monObjet',txt1)">Soflens daily disposable - Boîte de 30</option>
<option value="Soflens daily disposable - Boîte de 90" name="r1" onClick="Change_objet('monObjet',txt1)">Soflens daily disposable - Boîte de 90</option>
<option value="Soflens 38 - Boîte de 6" name="r1" onClick="Change_objet('monObjet',txt1)">Soflens 38 - Boîte de 6</option>
<option value="Soflens 59 - Boîte de 6" name="r1" onClick="Change_objet('monObjet',txt1)">Soflens 59 - Boîte de 6</option>
<option value="Soflens 66 Toric - Boîte de 6">Soflens 66 Toric - Boîte de 6</option>
<option value="Soflens Natural Colors - Boîte de 2">Soflens Natural Colors - Boîte de 2</option>
<option value="Soflens Multi-focal - Boîte de 6">Soflens Multi-focal - Boîte de 6</option>
  </optgroup>
  <optgroup label="CIBA VISION">
  <option value="Air Optix - Boîte de 6" name="r1" onClick="Change_objet('monObjet',airoptix)">Air Optix - Boîte de 6</option>
  <option value="Air Optix Night & Day - Boîte de 3">Air Optix Night & Day- Boîte de 3</option>
  <option value="Air Optix Night & Day - Boîte de 6">Air Optix Night & Day- Boîte de 6</option>
  <option value="Air Optix Individual - Boîte de 2">Air Optix Individual - Boîte de 2</option>
  <option value="Air Optix Toric - Boîte de 6">Air Optix Toric - Boîte de 6</option>
  <option value="Focus dailies - Boîte de 30" name="r1" onClick="Change_objet('monObjet',txt1)">Focus dailies - Boîte de 30</option>
  <option value="Focus dailies - Boîte de 90" name="r1" onClick="Change_objet('monObjet',txt1)">Focus dailies - Boîte de 90</option>
  <option value="Focus dailies All Day Comfort - Boîte de 30" name="r1" onClick="Change_objet('monObjet',txt1)">Focus dailies All Day Comfort - Boîte de 30</option>
  <option value="Focus dailies All Day Comfort - Boîte de 90" name="r1" onClick="Change_objet('monObjet',txt1)">Focus dailies All Day Comfort - Boîte de 90</option>
  <option value="Focus dailies AquaComfort Plus - Boîte de 30" name="r1" onClick="Change_objet('monObjet',aquacomfort)">Focus dailies AquaComfort Plus - Boîte de 30</option>
  <option value="Focus dailies AquaComfort Plus - Boîte de 90" name="r1" onClick="Change_objet('monObjet',aquacomfort)">Focus dailies AquaComfort Plus - Boîte de 90</option>
  <option value="Focus dailies Toric - Boîte de 30">Focus dailies Toric - Boîte de 30</option>
  <option value="Focus dailies Progressives - Boîte de 30" name="r1" onClick="Change_objet('monObjet',txt1)">Focus dailies Progressive - Boîte de 30</option>
  <option value="Focus Progressives - Boîte de 6">Focus Progressives - Boîte de 6</option>
  <option value="Focus Softcolors - Boîte de 4">Focus Softcolors - Boîte de 4</option>
  <option value="Focus Toric - Boîte de 4">Focus Toric - Boîte de 4</option>
  <option value="Focus Visitint - Boîte de 4">Focus Visitint - Boîte de 4</option>
  <option value="Freshlook Beauty Pack - Boîte de 6">Freshlook Beauty Pack - Boîte de 6</option>
  <option value="Freshlook Colors - Boîte de 2">Freshlook Colors - Boîte de 2</option>
  <option value="Freshlook Colorblends - Boîte de 2">Freshlook Colorblends - Boîte de 2</option>
  <option value="Freshlook Dimensions - Boîte de 2">Freshlook Dimensions - Boîte de 2</option>
  <option value="Freshlook Dimensions - Boîte de 6">Freshlook Dimensions - Boîte de 6</option>
  <option value="Freshlook Handling Tint - Boîte de 6">Freshlook Handling Tint - Boîte de 6</option>
  <option value="Freshlook one-day Color - Boîte de 10">Freshlook one-day Color - Boîte de 10</option>
  <option value="Freshlook Radiance - Boîte de 2">Freshlook Radiance - Boîte de 2</option>
  <option value="Freshlook Wild Eyes 2 Go - Boîte de 2">Freshlook Wild Eyes 2 Go - Boîte de 2</option>
  <option value="Precision UV - Boîte de 6">Precision UV - Boîte de 6</option>
  </optgroup>
  <optgroup label="COOPERVISION">
  <option value="Actitoric - Boîte de 6">Actitoric - Boîte de 6</option>
  <option value="Actifresh 400 - Boîte de 6" name="r1" onClick="Change_objet('monObjet',actifresh400)">Actifresh 400 - Boîte de 6</option>
  <option value="Biofinity - Boîte de 6">Biofinity - Boîte de 6</option>
  <option value="Biomedics 1 day - Boîte de 30" name="r1" onClick="Change_objet('monObjet',txt1)">Biomedics 1 day- Boîte de 30</option>
  <option value="Biomedics 1 day - Boîte de 90" name="r1" onClick="Change_objet('monObjet',txt1)">Biomedics 1 day- Boîte de 90</option>
  <option value="Biomedics Evolution - Boîte de 6">Biomedics Evolution - Boîte de 6</option>
  <option value="Biomedics Toric - Boîte de 6">Biomedics Toric - Boîte de 6</option>
  <option value="Biomedics XC - Boîte de 6">Biomedics XC - Boîte de 6</option>
  <option value="Proclear - Boîte de 6">Proclear - Boîte de 6</option>
  <option value="Proclear Multifocal - Boîte de 6">Proclear Multifocal - Boîte de 6</option>
  <option value="Proclear Toric - Boîte de 6">Proclear Toric - Boîte de 6</option>
  <option value="Rythmic UV - Boîte de 6">Rythmic UV - Boîte de 6</option>
  <option value="Rythmic UV - Boîte de 3">Rythmic UV - Boîte de 3</option>
  <option value="Rythmic UV Multifocal - Boîte de 6">Rythmic UV Multifocal- Boîte de 6</option>
  <option value="Rythmic UV Multifocal - Boîte de 3">Rythmic UV Multifocal- Boîte de 3</option>
  </optgroup>
  <optgroup label="CVE">
  <option value="Demoniac (sauf Lucifer) - Boîte de 2">Demoniac (sauf Lucifer) - Boîte de 2</option>
  <option value="Demoniac Lucifer - Boîte de 2">Demoniac Lucifer - Boîte de 2</option>
  </optgroup>
  <optgroup label="JOHNSON & JOHNSON VISION CARE">
  <option value="1-Day Acuvue - Boîte de 30">1-Day Acuvue - Boîte de 30</option>
  <option value="1-Day Acuvue - Boîte de 90">1-Day Acuvue - Boîte de 90</option>
  <option value="1-Day Acuvue for Astigmatism - Boîte de 30">1-Day Acuvue for astigmatism - Boîte de 30</option>
  <option value="1-Day Acuvue Moist - Boîte de 30">1-Day Acuvue Moist - Boîte de 30</option>
  <option value="1-Day Acuvue Moist - Boîte de 90">1-Day Acuvue Moist - Boîte de 90</option>
  <option value="Acuvue Oasys - Boîte de 6">Acuvue Oasys - Boîte de 6</option>
  <option value="Acuvue Advance - Boîte de 6">Acuvue Advance - Boîte de 6</option>
  <option value="Acuvue Advance for Astigmatism - Boîte de 6">Acuvue Advance for Astigmatism - Boîte de 6</option>
  <option value="Acuvue 2 - Boîte de 6">Acuvue 2 - Boîte de 6</option>
  <option value="Acuvue 2 Colours - Boîte de 2">Acuvue 2 Colours - Boîte de 2</option>
  <option value="Acuvue 2 Colours - Boîte de 6">Acuvue 2 Coulors - Boîte de 6</option>
  <option value="Acuvue Bifocal - Boîte de 6">Acuvue Bifocal - Boîte de 6</option>
  <option value="Surevue - Boîte de 6">Surevue - Boîte de 6</option>
  </optgroup>
  <optgroup label="OPHTALMIC">
  <option value="Crazy Lenses 1 - Boîte de 2">Crazy Lenses 1- Boîte de 2</option>
  <option value="Crazy Lenses 2 - Boîte de 2">Crazy Lenses 2- Boîte de 2</option>
  <option value="Ophtalmic 15 jours - Boîte de 12">Ophtalmic 15 jours - Boîte de 12</option>
  <option value="Ophtalmic 55 - Boîte de 6">Ophtalmic 55 - Boîte de 6</option>
  <option value="Ophtalmic 55 Bifocal - Boîte de 2">Ophtalmic 55 Bifocal - Boîte de 2</option>
  <option value="Ophtalmic 55 Colors - Boîte de 2">Ophtalmic Colors - Boîte de 2</option>
  <option value="Ophtalmic 55 Toric - Boîte de 6">Ophtalmic 55 Toric - Boîte de 6</option>
  <option value="Ophtalmic 55 Progressives - Boîte de 6">Ophtalmic 55 Progressives - Boîte de 6</option>
  <option value="Ophtalmic Aspheric - Boîte de 6">Ophtalmic Aspheric - Boîte de 6</option>
  <option value="Ophtalmic Today - Boîte de 32" name="r1" onClick="Change_objet('monObjet',txt1)">Ophtalmic Today - Boîte de 32</option>
  <option value="Ophtalmic Today - Boîte de 96" name="r1" onClick="Change_objet('monObjet',txt1)">Ophtalmic Today - Boîte de 96</option>
  <option value="Ophtalmic Hydrofeel 1 Day - Boîte de 30">Ophtalmic Hydrofeel 1 Day - Boîte de 30</option>
  <option value="Ophtalmic Hydrofeel 1 Day - Boîte de 90">Ophtalmic Hydrofeel 1 Day - Boîte de 90</option>
  <option value="Ophtalmic Hydrofeel - Boîte de 6">Ophtalmic Hydrofeel - Boîte de 6</option>
  <option value="Ophtalmic RX Spheric - Boîte de 2">Ophtalmic RX Spheric - Boîte de 2</option>
  <option value="Ophtalmic RX Toric - Boîte de 2">Ophtalmic RX Toric - Boîte de 2</option>
  <option value="Universel UV - Boîte de 6">Universel UV - Boîte de 6</option>
  </optgroup>
</select>

<p></p>
<div class="monObjet" id="monObjet" ></div>
<p></p>
<input type="submit" name="envoi" value="Envoyer" accesskey="s" tabindex="4" />


</form>



Voila. PAr contre je n'ai pas compris ta remarque par rapport au onchange? Faut-il que j'en rajoute?
COridlament

>>Le problème c'est que je n'ai pas mis tout mon code, de peur que cela soit trop, et mal codé...
    peut-être...
    mais 1° faut pas avoir honte ! ceux qui se gausseraient feraient
          probablement pire
            2° sans code... commen dire où est l'erreur ?
>> http://www.optique-horizon.com/pages/MenuCentral/commandez.php
    j'ai été... même chose. avec les autres navigateurs que IE
       ou avec IE lui-même rien ne se passe et c'est bien normal : tu ne fais rien
       me semble-t-il...


>> pas compris ta remarque par rapport au onchange?
    ben... si tu veux faire quelque chose quand on choisit une option...
       ça va se faire dans <select... onchange="traitements à faire"..>

    et j'ai regardé la source sur le site donné,  
       <select name="sphere_od" id="sphere_od" >   rien n'est fait
       <select name="sphere_og" id="sphere_og" >   rien n'est fait... même si en double ?
       <select name="magasin">   rien n'est fait....
       <select name="sphere_od" id="sphere_od" >   rien n'est fait.... mais... c'est pas en triple ça ?
          comment tu distingues ces différents select ???   ( un ID, déjà, DOIT être unique )
    ...   peut-être d'autres....


      

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Ok merci pour ta réponse, Je vais rejetter un coup d'oeil à mon code, voir deja si ya pas d'autres id identique... Je vais essayer aussi de placer onchage. Je reviens vers toi si je n'y arrive  pas.

En tout cas merci beaucoup de ton aide!

Je crois savoir pourquoi rien ne se passe: car j'ai mis l'action que sur quelque uns , pas sur tous. Ainsi essaye Soflens daily disposable - Boîte de 30 , et normalement cela devrait marcher, sous firefox du moins. Désolé de ne pas l'avoir dis plus tot!

T.

ah... je n'avais même pas fait attention...
<option value="Focus dailies Progressives - Boîte de 30" name="r1" onClick="Change_objet('monObjet',txt1)">Focus dailies Progressive - Boîte de 30</option>
et normalement cela devrait marcher, sous firefox du moins.   

    à mon humble avis exactement le contraire !
        ça ne fonctionnera pas sur IE !   FF accepte ça, pas IE
        il faut mettre onchabge sur la balise du select.

---

                Cordialement            Bul         [mon Site]     [M'écrire]