HTML Rollover

Fermé
Cyrille - 25 juin 2005 à 13:21
 Petite pistache - 4 févr. 2011 à 15:29
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
A voir également:

8 réponses

Marden Messages postés 1072 Date d'inscription dimanche 11 février 2001 Statut Membre Dernière intervention 29 janvier 2006 210
25 juin 2005 à 14:44
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
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)
3
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?
1
Merci pour ta reponse,
Je note aussi que tu utilise "background" au lieu de bgcolor ou encore background-color.
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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
0
Bonjour Cyrille,

Sympa d'être revenu pour donner la solution, y'a pas tout le monde qui aurait fait ça !!!
0
tibodelirium
29 nov. 2010 à 14:26
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!
0
Petite pistache
4 févr. 2011 à 15:29
Utilise JQuery
0