Discussion :

[GYK]

Bonjour,
J'ai créé une liste déroulante, et j'aimerais à chaque ligne au survole du curseur afficher une info supplémentaire via une infobulle.
L'un comme l'autre marchent bien individuellement, mais je ne sais pas comment les imbriquer.
Avez vous une idée.
Merci

[transgohan]

Il n'existe pas d'évènement JS sur la balise option.
Tu n'en as que sur la balise select.

Je te conseille donc de plutôt travailler sur l'évènement onchange pour afficher une infobulle.

Sinon je ne vois pas tellement le rapport avec la balise dt, ce n'est pas fait pour afficher une infobulle dynamique.

[GYK]

Bonjour transgohan,

Merci de ta réponse.
Je viens de regarder la fonction onchange et il est précisé Bulle : Non

Pour la balise <dt>, et l'infobulle je l'utilise déjà mais pas dans un select et ça marche très bien.

[transgohan]

On peut en savoir plus sur ce que tu appelles une infobulle et voir ton système ?

[GYK]

Ce que j'appelle une infobulle c'est un message d'information qui s'affiche à proximité du curseur et qui dans mon cas sont les différente lignes de ma liste déroulante.

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<style>
.infobulle{
	position: absolute;
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #EAD792;
	color: #50410E;
 
}
</style>
.
.
 <script language="javascript" type="text/javascript">
<!--
function GetId(id)
{
return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
 
function move(e) {
  if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
    if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
    GetId("curseur").style.left=e.pageX + 5+"px";
    GetId("curseur").style.top=e.pageY + 10+"px";
    }
    else { // Modif proposée par TeDeum, merci à   lui
    if(document.documentElement.clientWidth>0) {
GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
    } else {
GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
         }
    }
  }
}
 
function montre(text) {
  if(i==false) {
  GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
  i=true;
  }
}
function cache() {
if(i==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
i=false;
}
}
document.onmousemove=move; // dés que la souris bouge, on appelle la fonction move pour mettre à  jour la position de la bulle.
//-->
</script>
.
. 
<div id="curseur" class="infobulle"></div>
.
.
<select...>
.
.
.
<?php
echo '<option value="'.$Z[0].';'.$Z[2].';'.$Z[4].';'.$resultat[5].';'.$rZ[6].';'.$Z[7].';'.$Z[8].'">'	?>
            <dt style=" cursor:pointer" onmouseover="montre('<?php echo "<font face=tahoma size=1 color=#6F3A00 weight=bold><b> $info</b></font>"  . '<BR/>' . addcslashes(nl2br($Nom), "'\r\n\\"); ?>');" onmouseout="cache();"></dt><?php echo '</option>'."\n"; ?>
.
.
.
</select>

[transgohan]

Bon donc c'est bien ce que je disais alors j'étais pas à l'ouest...
L'élément option ne permet pas ce fonctionnement car il ne permet pas l'insertion de balise HTML ainsi que d'évènements JS.
Il faut donc intervenir sur l'élément select, et là pour cibler une balise option particulière il faut travailler au clic de souris et non au positionnement.

Donc réaliser une fonction intermédiaire pour afficher ton infobulle sur l'évènement onchange du select en affichant telle ou telle infobulle en fonction de l'option sélectionnée.
C'est purement un problème Javascript et aucun PHP n'intervient là dedans.
Tu es donc dans le mauvais forum.