Bonjour,
Je souhaiterais mettre des infos bulle sur les valeurs d'une liste déroulante au niveau des options dans un Select.
Merci d'avance
Bonjour,
Je souhaiterais mettre des infos bulle sur les valeurs d'une liste déroulante au niveau des options dans un Select.
Merci d'avance
c'est devenu un classique ...
ce n'est possible en crossbrowser qu'en créant soi même son select ...
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
désolé mais je n'ai pas compris.....
info bulle de quel sorte ?
Parce que sinon il suffit de mettre
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <option title="ton texte d'info bulle">
pas sous IE .....
il n'y a que moz ffx qui reconnaisse le title d'une option ...
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
C'est pas faux...Envoyé par SpaceFrog
Encore une raison de plus d'utiliser IE![]()
Mouaip mais y'a encore du monde à convaincre... et en attendant ...![]()
![]()
j'avais fait un truc dans le genre. J'avais du refaire mon propre select. Par contre moi c'était pas un select déroulant mais apres c'est juste un peu de js pour cacher le div qui contient la liste. Voila comment j'ai fais (j'ai plus l'exemple alors c'est de mémoire) :
1) tu définit toutes les valeurs du select en lien <a href....>
2) tu rajoute l'action onmouseover sur chaque lien pour appeler une fonction afficheInfoBulle(texte) qui positionne un div puis l'affiche sur la page.
3) tu rajoute l'action onmouseout sur chaque lien pour cacher le div si la souris est plus sur le lien dessus
4) tu fais un ti css tout beau pour ressembler à une liste (ou autre chose si tu veux)
voilà j'espere que ca va t'aider
Peut-on me donner un exemple concret ? merci
??????
Utilisez la classe overlib qui se trouve être très pratique :
OVERLIB
après plus qu'à faire un bon vieu :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 onmouseover="return overlib('aaaaaaa',RIGHT,CLOSECLICK,CAPTION, 'PARAMETRES');\" OnMouseOut='nd();"
Est ce quelqu'un peut me donner un exemple d'info bulle sur les options d'un Select ?
Merci d'avance
en ayant pris soin d'avoir téléchargé la librairie Overlib
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <SELECT name='nom' style='WIDTH:100px' onmouseover="return overlib(document.getElementById('nom').selected.label,RIGHT,CLOSECLICK,CAPTION, 'PARAMETRES');\" OnMouseOut='nd();" > <OPTION label='aucune couleur' value='' SELECTED>...</OPTION> <OPTION label='couleur blanche' value='BLANC'>BLANC</OPTION> <OPTION label='couleur rouge' value='ROUGE'>ROUGE</OPTION> <OPTION label='couleur verte' value='VERT'>VERT</OPTION> </SELECTED>
Voici le code de mapage HTML :
<html>
<head>
<SCRIPT LANGUAGE="JavaScript1.2" src="overlib.js"></SCRIPT>
</head>
<body>
<SELECT name='nom' style='WIDTH:100px' onmouseover="return
overlib(document.getElementById('nom').selected.label,RIGHT,CLOSECLICK,CAPTION,
'PARAMETRES');\" OnMouseOut="nd();" >
<OPTION label='aucune couleur' value='' SELECTED>...</OPTION>
<OPTION label='couleur blanche' value='BLANC'>BLANC</OPTION>
<OPTION label='couleur rouge' value='ROUGE'>ROUGE</OPTION>
<OPTION label='couleur verte' value='VERT'>VERT</OPTION>
</SELECTED>
</body>
</html>
Je reçois le code erreur :
ligne : 7
car : 15
Erreur : caractère incorrect
Quelqu'un peut-il m'aider ?
Enlevez le \ avant le guillemet après l'appel de la fonction overlib
j'ai enlevé le \ mais je reçois l'erreur suivante :
document.getElementById('nom').selected.label a la valeur null ou n'est pas un objet
Peut-on m'aider svp ?
Essayez plutôt :
document.getElementById('nom').options[document.getElementById('nom').selectedIndex].label
ok mais comment peut-on afficher la bulle informative au dessus de la zone Select ?
les options n'acceptent pas de title ni de onmouseover de façon crossbrowser (si mes souvenirs sont bons moz et ffx les reconnaissent mais pas ie)
Il faut donc faire son propre select en bidouillant avec des divs ou un tableau et en jouant sur les display ou les visibility ...
ensuite les div ou les td acceptant les title ou onmouseover on peut y adjoindre des infobulles ...
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag![]()
Venez sur le Chat de Développez !
Si si les SELECT acceptent bien les onMouseOver ...les options n'acceptent pas de title ni de onmouseover de façon crossbrowser (si mes souvenirs sont bons moz et ffx les reconnaissent mais pas ie)
Partager