HTML Rollover [Fermé]

Signaler
-
 Petite pistache -
Bonjour, j'aimerais creer un rollover dans une celule d'un tableau.
En fait j'aimerais avec l'action onMouseOver et OnMouseOut que la police change de couleur (ca j'ai reussit ca marche!)Mais j'aimerais aussi que ces evenents me modifie aussi le fond de la celule.
Voici mon code actuel:
<tr onMouseOver = "this.style.color='red'"
onMouseOut = "this.style.color='black'"
onMouseOver = "background-color='black'"
onMouseOut = "this.style.background-color='#0066FF'">
Lien 1</tr>
les deux dernieres lignes sont experimentales et ne fontionne pas..
Y'a t'il une solution?merci d'avance

8 réponses

Messages postés
1072
Date d'inscription
dimanche 11 février 2001
Statut
Membre
Dernière intervention
29 janvier 2006
206
La méthode consiste à placer plusieurs instructions JS, séparées par des ";"
onMouseOver = "this.style.color='red' ; this.style.bgcolor='#0066FF'; " 
en notant que les attributs CSS n'ont pas la même syntaxe qu'en JS.
On trouve la correspondance, en autres, sur le site SELFHTML...
4
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 77266 internautes nous ont dit merci ce mois-ci

Bonsoir, un message pour vous dire qu'en fait j'ai enfin trouvé la solution a mon pb:
<tr bgcolor="#0066FF" ;
onMouseOver = "this.style.color = 'red';
this.style.background='black'"
onMouseOut = "this.style.color = 'black';
this.style.background='red'">Lien 1</tr>
En fait au début il faut bien preciser la couleur du fond de la cellule,pour qu'aprés on puisse la modifier a l'aide d'un survol de la souris...
Voila
Cyrille (Apprenti webmaster)
Merci de m'avoir repondu, j'ai essayé ton astuce en mettant:
<tr OnMouseOver= "this.style.color='red';this.style.bgcolor='black'"
onMouseOut= "this.style.color='black';this.style.bgcolor='red'">Lien 1</tr>
Mais cela ne marche pas, il n'y a que le chgt de police qui fonctionne
D'autres idées?
Merci pour ta reponse,
Je note aussi que tu utilise "background" au lieu de bgcolor ou encore background-color.
Bonjour, personne n'a d'idées a me proposer pour mes rollover?J'aimerais eviter d'utiliser le javascipt avec 2 images differentes a precharger.
Et donc j'aimerais juste changer la couleur de police et de fond d'une cellule d'un tableau...
Merci de me repondre
Bonjour Cyrille,

Sympa d'être revenu pour donner la solution, y'a pas tout le monde qui aurait fait ça !!!

Bonjour,

J'aimerais créer un rollover mais peut être un peu spécial, imaginez un menu avec trois liens placé sur la gauche de la page, je voudrais faire en sorte qu'au survol des liens, chacun ait sa propre image qui apparaisse à droite de la page par exemple.

Est-ce possible selon vous?Sous quelle forme devra être le code?

Merci pour vos réponses!

Utilise JQuery