Discussion :

[Bobybx]

Bonjour,

je cherche "tout simplement" à effectuer un onmouseover sur une balise <option>.

Code :

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

1
2
3
4
5
6
7
 
<select size="4">
<option value="1" onmouseover="alert(this.value)">1</option>
<option value="2" onmouseover="alert(this.value)">2</option>
<option value="3" onmouseover="alert(this.value)">3</option>
<option value="4" onmouseover="alert(this.value)">4</option>
</select>

Mon but est de réaliser un alert de la valeur de l'option sans avoir bien sûr cliqué sur l'option en question.
Ce code ci-dessous ne marche pas sous IE malheureusement...
Si quelqu'un a une astuce pour réaliser ce type de chose compatible sur tous navigateur, je prends...

Merci

[haltabush]

A mon humble avis, ça ne risque pas de marcher... Vu l'implémentation d'IE (tout cours) et celle concernant les SELECT (encore pire)...
La seule solution que je vois c'est de te créer un "select" personnalisé, avec des div et des z-index... mais bon c'est pas simple.

[Matthieu2000]

affiche les valeurs directement dans l'option

<option value="xx">xx : textXX</option>

[Bobybx]

A mon humble avis, ça ne risque pas de marcher... Vu l'implémentation d'IE (tout cours) et celle concernant les SELECT (encore pire)...
La seule solution que je vois c'est de te créer un "select" personnalisé, avec des div et des z-index... mais bon c'est pas simple.

Il doit surement exister une astuce... J'espère...
Car là j'avoue mal me voir créer un "select personnalisé", faute de temps en dév. malheureusement

affiche les valeurs directement dans l'option

Mon but derriere le mouseover n'est pas un simple alert en réalité. Mon onmouseover me sert à appeler en ajax une fonction appelant le libelle complet d'un paramètre en rapport avec la value de l'option sur lequel est la souris...
d'où ma nécessité de savoir utilisé un onmouseover sur <option> avec IE

[SpaceFrog]

onmouseover n'est pas implémenté sous IE pour les options ...

Il ne te reste qu'a faire ton propre select à partir d'ul et de li et tu colles les onmouseover sur les li ...

[magnus2005]

Je suis pour la solution du SELECT personalisée, l'implementation d IE sur SELECT de base est trop problematique (probleme grave de superpostion)et limite (affichage tronque et mal affiche).
Pour ma part, il y a eu grosse satisfaction pour les utilisateur quand j'ai remplace la selectbox de base par une select personnalise avec la charte graphique du site.

[ryan]

Yop!

Est-ce que quelqu'un a déjà creusé les behaviors?
Il semble que l'on puisse en ajouter aux options.
Mais bon, ce doit encore être un truc propre à IE, sans doute.

[sansamis]

Et tu peux pas faire un petit menu à la place de ton select ?

Ou même une petit menu déroulant perso comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<style>
#menu_deroulant
{
text-align: left;
height: 20px;
width: 150px;
padding: 2px;
border: 1px solid black;
overflow: auto;
}
</style>
 
<div id="menu_deroulant">
	<span onmouseover="alert('1')">1</span><br />
	<span onmouseover="alert('2')">2</span><br />
	<span onmouseover="alert('3')">3</span><br />
	<span onmouseover="alert('4')">4</span><br />
</div>

Un truc comme ca. Le seul hic que je comprend pas là c'est pourquoi FF ne met pas d'ascensseur à droite

[Bobybx]

Merci pour vos idées et solutions alternatives.

Je pars en effet sur la piste de la liste faute de pouvoir faire avec un select.

Dommage qu'il n'y ait toujours pas les mêmes rendus sous IE et Firefox... mais cela restera un éternel problème on dirait