Découvrez
Digiposte !
Posez votre question Signaler

HTML Rollover

Cyrille - Dernière réponse le 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
Lire la suite 

HTML Rollover »

8 réponses
Réponse
+3
moins plus
Marden 1078Messages postés 11 février 2001Date d'inscription 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...

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+3
moins plus
Cyrille 26 juin 2005 à 22:25
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)

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+1
moins plus
cyrille 25 juin 2005 à 19:26
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?

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+1
moins plus
LightEvil 7 janv. 2010 à 15:50
Merci pour ta reponse,
Je note aussi que tu utilise "background" au lieu de bgcolor ou encore background-color.

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Cyrille 26 juin 2005 à 19:36
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

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Hope 1 oct. 2007 à 14:53
Bonjour Cyrille,

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

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
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!

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Petite pistache 4 févr. 2011 à 15:29
Utilise JQuery

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « HTML Rollover » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook