Bonjour à tous,
Je suis face à un sérieux problème et je ne trouve pas de solutions. Je fais donc appel à vous :
Voici le soucis:
J'ai un champ de formulaireavec une liste de choix. Il se présente sous cette forme :
En couplant ceci avec Jquery et le plugin Qtip (http://craigsworks.com/projects/qtip/) je souhaite que lorsqu'on passe la souris sur une option, une tooltip souvre avec des informations concernant l'option. Exemple :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <select> <option ....>opt1</option> <option ....>opt2</option> <option ....>opt3</option> </select>
Par exemple, si je passe (et je laisse) ma souris sur Montana, j'aimerai qu'une tooltip s'ouvre à coté avec des informations supplémentaires.
Je n'ai pas de problème pour créer le tooltip ni pour exécuter la requête ajax.
Mon problème se situe en fait dans la selection de l'élément (les commentaires expliquent le problème):
Je pensais qu'avec $this, on récupéré l'element actif, mais visiblement ca ne fonctionne pas. Au risque de me répéter: je cherche a récuperer l'element "option sur laquelle j'ai la souris pointée".
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 $(function(){ $("#description > option:not(:first):hover").qtip({ //pas de problème pour le selecteur, l'effet fonctionne bien lorsqu'on //passe la souris. le problème vient ensuite : //la fonction qtip demande qu'on lui parametre certaines choses, //ici on va lui parametrer le contenu : content: { //title:"Description de "+$(this).text(), //ici dans un premier temps, je voudrais afficher la valeur value) de l'option sur laquelle est pointé ma souris. J'ai essayé tout un tas de choses, mais rien a faire, soit il m'affiche 0 (=la premiere value?) soit j'ai droit alors a un texte qui correspond au code de ma page (bizarre). Bref, je n'arrive pas a sélectionner l'élément où j'ai pointé ma souris...et c'est là que se situe mon problème.... text:$(MON_ELEMENT).val() }
Par avance merci.
Partager