Page 1 sur 1

Survols synchronisés

Publié : 08 juin 2014, 16:32
par Nicosmos
Bonjour,

Je suis en train de faire un site où deux listes sont en parallèle.
Lorsqu'on survole l'élément d'une liste, l'élément correspondant dans l'autre liste est mis en emphase, et vice-versa.

Pour la première version, il y a une fonction par paire d'éléments :
http://probablement.net/upload/hover/test1.html
Quand on survole “AAA” et “aaa”, ils sont connectés, pareil pour “BBB” et “bbb”.

Après, j'ai voulu généraliser la fonction :
http://probablement.net/upload/hover/test2.html
Et là ça ne marche plus.

On dirait que getElementsByClassName n’arrive pas à prendre comme valeur l’argument de la fonction.
Comment pourrais-je faire ?

Merci beaucoup ! :)

(ensuite, je voudrais me passer des onmouseover et onmouseout et détecter le survol direct depuis le JS, mais une seule chose à la fois !)
Votre Navigateur : Mozilla/5.0 (X11; Linux i686; rv:32.0) Gecko/20100101 Firefox/32.0

Re: Survols synchronisés

Publié : 08 juin 2014, 17:48
par Nicosmos
Je suis pas doué, j'ai simplement oublié des guillemets.

Code : Tout sélectionner

onmouseover='hover(aaa);' onmouseout='unhover(aaa);'
devrait plutôt être

Code : Tout sélectionner

onmouseover='hover("aaa");' onmouseout='unhover("aaa");'
Ça marche à présent. Je passe à l’étape deux qui est de réussir à faire ça sans rajouter ces onmouse dans l’html.
Votre Navigateur : Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:30.0) Gecko/20100101 Firefox/30.0