Survols synchronisés

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !

Modérateur : Asumbaa

Répondre
Nicosmos
Iguane
Messages : 633
Enregistré le : 20 août 2005, 14:17

Survols synchronisés

Message par Nicosmos » 08 juin 2014, 16:32

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

Nicosmos
Iguane
Messages : 633
Enregistré le : 20 août 2005, 14:17

Re: Survols synchronisés

Message par Nicosmos » 08 juin 2014, 17:48

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

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité