Changement de couleur pour plusieurs liens
e15fb7
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour à tous,
J'ai le problème suivant : dans un paragraphe, j'ai plusieurs liens qui se nomment "Test" (par exemple). Je voudrais que lorsque l'on survole un des liens dans le paragraphe, tous les autres qui ont le même nom changent de couleur, le problème, c'est que j'ai aucune idée comment le faire en HTML/CSS, j'ai déjà cherché un peu sur le net, mais sans succès, merci de votre aide :D
J'ai le problème suivant : dans un paragraphe, j'ai plusieurs liens qui se nomment "Test" (par exemple). Je voudrais que lorsque l'on survole un des liens dans le paragraphe, tous les autres qui ont le même nom changent de couleur, le problème, c'est que j'ai aucune idée comment le faire en HTML/CSS, j'ai déjà cherché un peu sur le net, mais sans succès, merci de votre aide :D
Configuration: Windows Vista / Firefox 3.6
9 réponses
-
Il faut utiliser du JS.
Quand tu dis "nom", tu penses à ce qu'il y a entre <a ...> et </a> ou la cible du lien ? -
Je ne m'y connais pas du tout en JS, si quelqu'un pourrait me donner un coup de puce pour réaliser ce que je souhaite ça serait cool, en ce qui concerne le "nom", c'est pour celui qui se trouve entre les balises :
<a...>nom</a>
Merci :D -
Je t'ai codé un exemple : http://paste.pocoo.org/show/186090/
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
C'est encore moi, l'idéal pour serait que le mot change de couleur lui même et non le background du mot, j'ai tenté d'utiliser "linkColor", mais sans succès, aucune couleur des liens ne changent :s
-
Ce n'est pas en inventant que t'y arrivera.
C'est tout simplement ... color -
-
Par curiosité, n'y aurait-il pas un code plus "light" par rapport à ce que tu m'as apporté ?
Sinno merci, ça marche nickel ! -
J'ai codé de façon à mettre le moins de chose inutile.
Mais il ne faut pas copier mon code n'importe où dans ta page.<script type="text/javascript"> var liens_over = new Array(); function surligner(nom) { liens = document.getElementsByTagName('a'); for(i = 0 ; i < liens.length ; i++) { lien = liens[i]; if(lien.innerHTML == nom) { liens_over[liens_over.length] = lien; lien.style.backgroundColor = '#ffff00'; } } } function effacerSulignage() { for(i = 0 ; i < liens_over.length ; i++) { liens_over[i].style.backgroundColor = '#ffffff'; } delete liens_over; liens_over = new Array(); } </script>À mettre dans l'entête de ta page HTML (<head>)
Et un exemple de lien :<a href="#" onmouseover="surligner(this.innerHTML);" onmouseout="effacerSulignage();">Lien 1</a>
