Discussion :

[a028762]

Bonjour,
j'ai développé un code HTML (fabriqué en PHP) qui marche sous Firefox (ou IE9)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function ChangerModule(Source) {
var Champ = document.getElementById('ModuleActif');
var Indice = Champ.selectedIndex;
Valeur = Champ.options[Indice].value;
window.location='index.php?Valeur='+Valeur;
}

Ou ModuleActif est un select HTML
De retour dans le contexte d'utilisation de ce code, je me retrouve en IE8.
Et le selectedIndex reste obstinément à 0.
J'ai tenté un formulaire autour du select et un appel par getElementByName, mais c'est carrément une erreur de syntaxe ...
Quelqu'un a une piste ?

[Bovino]

Utiliser selectedIndex pour obtenir la valeur d'un <select> n'est pas la bonne méthode.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var Valeur = document.getElementById('ModuleActif').value;

est largement suffisant.

[Kaamo]

un appel par getElementByName, mais c'est carrément une erreur de syntaxe ...

C'est normal, il y a un "s" (getElementsByName) car cela retourne une collection et non pas un seul élément.

A quoi sert le paramètre de la fonction ? 'Source' ?
Comment est appelée cette fonction ? Sur le 'onchange' je présume ?

Pour revenir à l'erreur, ce code a l'air d'être bon. Ce n'est pas plutôt parce que ton contenu est bloqué par IE ?

Pour finir, un simple (document.getElementById('ModuleActif').value suffirait aplement

[a028762]

Bonjour, merci pour votre promptitude

La variable Source n'était là qu'en cas d'Id multiple ... ce qui n'est plus le cas.

le code Html correspondant

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<select id='ModuleActif' name='ModuleActif' onClick="ChangerModule()">
<option value=''>quelconque</option>
<option value='recette'>recette</option>
<option value='07'>07</option>
<option value='09'>09</option>
<option value='fe'>fe</option>
</select>

et le code javascript modifié

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function ChangerModule() {
var Valeur    = document.getElementById('ModuleActif').value;
alert('Valeur:'+Valeur);
window.location='index.php?ModuleActif='+Valeur;
}

sous FF, celà marche (aussi), mais sous IE7, cela ramène une valeur vide...
Pff, ces vieux navigateurs, pénible ... :-)

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onClick="ChangerModule()"

Quand tu cliques sur le <select>, il n'y a effectivement aucune valeur sélectionnée ! C'est donc IE qui se comporte correctement !
C'est l'événement onchange qu'il faut utiliser !

[a028762]

Et bien oui, c'était le onClick qui déconnait !
Quel vieux programmeur je fais .... pire que IE ....
Merci de votre aide