soucis de <select> qui fonctionne sous safari et pas sous IE

Bonjour à vous tous, Je vais tacher d'être clair sans vous bombarder d'un message illisible. En précisant que j'ai parcouru le fofo mais pas trouver la soluce :/ Donc le truc c'est : -> un formulaire avec plusieurs qui se suivent. -> le premier contient des gammes. -> le deuxième contient des couleurs qui sont affichées dynamiquement en fonction de la gamme que l'on choisit. -> javascript et php Tout fonctionne sous Safari mais sous IE, le deuxième est vide si je sélectionne une gamme dans le premier . Voici les bouts de codes importants (je précise que je débute en javascript / php). [code de la page php] SélectionnezRivoliLes métalliquesà définir [/code de la page php] [code du .js] function changer1() { if (document.contact.gamme1.value == "Rivoli" ) { document.getElementById('ref1').innerHTML = '00 / blanc01 / noir12 / rouge'; } if (document.contact.gamme1.value == "Les métalliques" ) { document.getElementById('ref1').innerHTML = '01 / or02 / argent03 / bronze04 / cuivre'; } } [/code du .js]

<-- en="" pleine="" boucle="" infinie="" --="">

Bonjour à vous tous,

Je vais tacher d'être clair sans vous bombarder d'un message illisible. En précisant que j'ai parcouru le fofo mais pas trouver la soluce :/ Donc le truc c'est :

-> un formulaire avec plusieurs select<br />
-> le premier présente des gammes
-> le deuxieme presente des couleurs qui sont affichées dynamiquement par le biais du premier select.
-> javascript / php / navigateur.

Tout fonctionne sous safari mais pas sous IE.

[code]
<?php
$max = 11;
for($i=1; $i<$max; $i++) {
?>
<tr>
<form name="contact" method="post" action="....php" onsubmit="return verif_submit()">
<br /><td width="120">
<select size="1" name="gamme<?php echo $i; ?>" id="gamme<?php echo $i; ?>" onchange="changer<?php echo $i; ?>()">
<option value="0">Sélectionnez</option><br />
<option value="Rivoli">Rivoli</option>
<option value="Les métalliques">Les métalliques</option>
</select>
<br />
<select size="1" name="ref<?php echo $i; ?>" id="ref<?php echo $i; ?>">
<option value="0">à définir</option>
</select>
[/code]

<br /><br />et le .js :
[code]
function changer1() {
  if (document.contact.gamme1.value == "Rivoli" ) {
    document.getElementById('ref1').innerHTML = '<option value="00 / blanc">00 / blanc</option><option value="01 / noir">01 / noir</option><option value="12 / rouge">12 / rouge</option>';
  }
  
  if (document.contact.gamme1.value == "Les métalliques" ) {
    document.getElementById('ref1').innerHTML = '<option value="01 / or">01 / or</option><option value="02 / argent">02 / argent</option><option value="03 / bronze">03 / bronze</option><option value="04 / cuivre">04 / cuivre</option>';
  }
}
[/code]

<br /><br/>
merci par avance

bonjour,

>>sans vous bombarder d'un message illisible
trop tard ( ou trottoir comme tu veux )
le html pris en compte ! et on ne voit rien de ton code ( ou si peu ! )
reviens à la textbox classqiue
( en dessous du bouton ajouter :

Si vous n'arrivez pas à saisir votre message, CLIQUEZ ICI pour revenir à une "TextBox classique"

)
 ou  poste nous ton code depuis un éditeur de texte basique
  pas depuis ton outil de développement.

Cordialement

Bul [mon Site] [M'écrire]

ah.. ça va mieux....
à priori c'est l'histoire de select liés ?
innerHTML ne fonctionne pas avec IE pour un select
( ce que tu dois utiliser peut-être ? )

ch'tiot exemple ?  ( il y a php, ajax, mais regarde en  javascript )
( le principe : il faut effacer et recréer les options )

Cordialement

Bul [mon Site] [M'écrire]

Kikoo Bul,

le deuxieme essai est beaucoup plus clair non ? :)

patrice

oki bul,

En effet j'utilise innerHTML dans le fichier .JS :
if (document.contact.gamme1.value == "Rivoli" ) {
    document.getElementById('ref1').innerHTML = '

je regarde ton lien et reviens vers toi.

Mici :)

oui
ma deuxième réponse aussi ? j'espère !

Bul [mon Site] [M'écrire]

rigolo de se croiser sans cesse... ( pas de connotation sexuelle hein ! )

Bul [mon Site] [M'écrire]

bul,

tant que je te tiens :), je débute en javascript (formulaire) et ne connait pas trop les différences de codages pour navigateurs.

onchange="gensel2();" => pour toi le point virgule après les () est primordial où il n'entraine pas de soucis ?

Je continue de regarder le lien :)

Mici d'avance
patrice

if (document.contact.gamme1.value == "Rivoli" ){
    var newOption = document.createElement('option');
    newOption.setAttribute('value', '00 / blanc');
    var newOptionLabel = document.createTextNode('00 / blanc');
    newOption.appendChild(newOptionLabel);
    document.getElementById('ref1').appendChild(newOption);
    // Et ainsi de suite...

Je te conseilles de créer une fonction qui t'automatisera cette tâche. Celà t'evitra de tapper X fois la même chose. Du genre :

function newOption(sel, val, label){
    var newOption = document.createElement('option');
    newOption.setAttribute('value', val);
    var newOptionLabel = document.createTextNode(label);
    newOption.appendChild(newOptionLabel);
    document.getElementById(sel).appendChild(newOption);
}

Ainsi tu peux utiliser directement cette méthode :

if (document.contact.gamme1.value == "Rivoli" ){
    newOption('ref1', '00 / blanc', '00 / blanc');
    newOption('ref1', '01 / noir', '01 / noir');
    // etc...
}

---

Projet en cours : Joof