High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

HTML Rollover

Dernière réponse le 1 oct 2007 à 14:53:34 Cyrille, le 25 jun 2005 à 13:21:40 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « HTML Rollover » dans :
[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Télécharger Lambda HTML Editor Voir
Télécharger HTML Tidy fr VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...
Posez votre question Répondre

1

Marden, le 25 jun 2005 à 14:44:57
  • +1

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...

   
Répondre à Marden

2

cyrille, le 25 jun 2005 à 19:26:00

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?

   
Répondre à cyrille

3

Cyrille, le 26 jun 2005 à 19:36:22

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

   
Répondre à Cyrille

4

Cyrille, le 26 jun 2005 à 22:25:38
  • +2

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)

   
Répondre à Cyrille

5

 Hope, le 1 oct 2007 à 14:53:34

Bonjour Cyrille,

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

   
Répondre à Hope
Posez votre question Répondre
Ils ont besoin de votre aide