11548 sujets

JavaScript, DOM et API Web HTML5

Onmouseover window.status=....mauvais index retourné dans firefox

Bonjour

J'ai un petit souci avec l'affichage dans la barre de statut (sous firefox).
Le barre de statut affiche la valeur d'une option d'un menu déroulant.

Le texte s'affiche parfaitement par contre, il ne correspond pas à l'option survolée par la souris mais à l'option précédente

Est-ce un bug de firefox ?

mon code


</head>
<body>
		
		<tr>
			<td valign="top" align="left"> 
			<img src="images/pixel_trans.gif" border="0" alt="" width="10" height="1">    
			<select id="id[31]" name="id[31]" onmouseover="window.status=this.options[this.selectedIndex].text;return true" onmouseout="return nd();" style="width:325px">
<option value="254">254-Dynamic Gold - Shaft pour fer</option>
<option value="262">262-True Temper Release - Shaft pour fer (-EUR48.00)</option>
<option value="264">264-Royal Precision Rifle - Shaft pour fer (+EUR80.00)</option>
<option value="266">266-Nippon N.S Pro Series 850GH - Shafts pour fer (+EUR88.00)</option>
<option value="333">True Temper Black Gold .370 Individual - shaft pour fer (+EUR136.00)</option>
<option value="334">Royal Precision Rifle Project X - shaft pour fer (2,SW) (+EUR216.00)</option>
<option value="263">True Temper Steel - Shaft pour fer (-EUR80.00)</option>
<option value="255">Dynamic Gold Lite - Shaft pour fer (+EUR8.00)</option>
<option value="267">Nippon N.S Pro Series 950GH - Shafts pour fer (+EUR64.00)</option>
<option value="265">Royal Precision Rifle Spinner Wedge -  Shaft pour wedge (+EUR104.00)</option>
<option value="335">Royal Precision Rifle Project X HL - shaft pour fer (3-PW) (+EUR216.00)</option>
<option value="278" SELECTED>Dynamic Gold Super Lite - Shaft pour fer (+EUR8.00)</option>
<option value="268">Nippon N.S Pro Series 1050GH (+EUR40.00)</option>
<option value="258">Dynalite Gold - Shaft pour fer</option>
<option value="259">Dynalite - Shaft pour fer (-EUR48.00)</option>
<option value="261">True Temper TX Tour - Shaft pour fer (+EUR40.00)</option>
<option value="260">True Temper TX-90 - Shaft pour fer (+EUR40.00)</option>
<option value="256">TT Lite Unitized - Shaft pour fer (-EUR40.00)</option>
<option value="257">True Temper Lite XL - Shaft pour fer (-EUR40.00)</option></select>			<td valign="top" align="center" class="boxText"><div id="resultat_id[31]"></div></td>

			</td>
		</tr>
		
		</body>


Merci de votre aide
Patrice
Modifié par patlegris (22 Aug 2006 - 15:54)
Hello,

En premier temps, il serait agréable que tu édites ton post afin de suivre les règles du forum et plus particulièrement le point 13.

Dans la continuité, pourquoi utilises-tu uniquement un événement sur la balise SELECT alors qu'elle devrait être contenu dans la balise OPTION ?

Enfin, pourquoi n'extériorises-tu pas ton style ? Cela pourrais déjà t'aider grandement.


Alors en style : 

#id_31 {
	width: 325px; }

En javascript : 

	function hoverOn(x) {
		window.status = x;
		return true;
	}
	function hoverOff() {
		window.status = '';
	}

En HTML : 

<option value="254" onMouseOver="javascript:hoverOn(this);" onMouseOut="javascript:hoverOff();">254-Dynamic Gold - Shaft pour fer</option>


Tu enlèveras bien sur le onMouseOver et le onMouseOut de ta balise SELECT...

Hum, j'ai fait cela en 3 minutes, donc ne m'en veux pas si cela plante, je regarderais cela à l'aise lorsque j'aurais le temps Smiley murf

G.
Faudra m'expliquer pourquoi il est 'mieux' de mettre des evenements sur tous les options plutot que sur le select.

Sinon, peut etre qu'avec DOM, le probleme n'est serait plus un
Bonjour

Merci pour votre réponse.
Entre temps, j'ai trouvé une solution qui fonctionne, en rajoutant onmousemove, j'obtiens ce que je voulais faire.

Par contre, je ne comprends pas pourquoi la fonction doit être appelée dans le s options plutôt que depuis le select

En fait je n'extériorise pas mon style car j'utilise un javascript Overlib plutôt qu'un windows.status. Le résultat est plus visible...

patrice
nORKy a écrit :
Faudra m'expliquer pourquoi il est 'mieux' de mettre des evenements sur tous les options plutot que sur le select.

Sinon, peut etre qu'avec DOM, le probleme n'est serait plus un


Hum... Je n'ai pas dit que c'était un "ordre" ou autre... Juste un conseil...
L'événement qui se surligne est au plus petit niveau et chaque élément est identifié séparément par le plus petit élément. Ce n'est que mon astuce.

Si tu en as une autre, je suis tout à fait preneur Smiley ravi

G.
Sujet clos
Aller à