High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Onmouseover couleur text

Dernière réponse le 17 mai 2009 à 15:51:55 pommard89, le 14 nov 2007 à 11:15:52 
 Signaler ce message aux modérateurs

Bonjour a tous.....

Voila, j'ai un tableau sur lequel lorsque l'on passe avec la souris sur la case chage de couleur. Pas de probleme pourca mais j'aimerais également que la couleur du texte change également.

voici ce que j'ai comme code pour une cellule :

<tr bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<td width="288" height="50" onmouseover="this.style.backgroundColor='#990000';" onmouseout="this.style.backgroundColor='#CCCCCC';">Dépannage PC</td>
</tr>


J'ai essayé de mettre le text en blanc avec le code ci-dessous mais je ne sais pas très bien comment ni ou intégrer la couleur.

<tr bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<td width="288" height="50" onmouseover="this.style.backgroundColor='#990000'; color='#FFFFFF'" onmouseout="this.style.backgroundColor='#CCCCCC';">Dépannage PC</td>
</tr>

Merci d'avance pour votre aide.

bon aprèm

Configuration: Mac OS X
Firefox 2.0.0.9

Meilleures réponses pour « onmouseover couleur text » dans :
Garder une zone en couleur sur une photo noir et blanc VoirVous souhaitez avoir une photo en noir et blanc sauf une partie de la photo à conserver en couleur. Voici le principe de la manipulation : il faut isoler une partie de la photo (celle que l'on veut garder en couleur) en la sélectionnant. Ensuite...
Code hexadécimal d'une couleur VoirVous voulez connaître le code hexadécimal d'une couleur, pour l'intégrer dans vos pages web ? Pour cela : Rendez vous sur ce site : colorpicker. Situez la couleur désirée à l'aide de la souris pour obtenir son code HTML. Voici un exemple : ...
VB6 Retrouver les valeurs RGB d'une couleur VoirDim R as integer Dim G as integer Dim B as integer Sub TrouveRGB(Coul As Long) R = &HFF& And Coul G = (&HFF00& And Coul ) \ 256 B = (&HFF0000 And Coul ) \ 65536 End Sub Et l'inverse : Function TrouveCoul(R As Long, G As Long,...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
La table des couleurs VoirLe codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie. Ainsi la syntaxe de codage...
La représentation informatique de la couleur VoirLes représentations de la couleur Afin de pouvoir manipuler correctement des couleurs et échanger des informations colorimétriques il est nécessaire de disposer de moyens permettant de les catégoriser et de les choisir. Ainsi, il n'est pas rare...
Posez votre question Répondre

1

Dj Nam, le 14 nov 2007 à 11:19:32

Bonjour,
Pour changer la couleur du texte il me semble que tu dois utiliser 

this.style.color='#FFFFFF'

Enfin il est conseillé de regrouper cela dans une fonction javascript pour avoir une meilleur présentation et une facilité de réutilisation/édition
Bon courage

   
Répondre à Dj Nam

2

pommard89, le 14 nov 2007 à 11:41:04

OK super ça marche merci.

Le truc avec le JS, c'est que la couleur d'arrière plan du cadre change une fois sur deux donc je sais pas si c'est possible en JS.

Au cas ou il y a moyen d'avoir un JS, voici mon code actuel :

<tr bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<td width="288" height="50" onmouseover="this.style.backgroundColor='#990000';this.style.color='#FFFFFF'" onmouseout="this.style.backgroundColor='#CCCCCC';this.style.color='#333333'">Dépannage PC</td>
</tr>
<tr bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<td width="288" height="50" onmouseover="this.style.backgroundColor='#990000';this.style.color='#FFFFFF'" onmouseout="this.style.backgroundColor='#CCCCCC';this.style.color='#333333'" >Création de site vitrine</td>
</tr>
<tr bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<td width="288" height="50" onmouseover="this.style.backgroundColor='#990000';this.style.color='#FFFFFF'" onmouseout="this.style.backgroundColor='#CCCCCC';this.style.color='#333333'">Optimisation d'images et photos</td>
</tr>
<tr bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<td width="288" height="50" onmouseover="this.style.backgroundColor='#990000';this.style.color='#FFFFFF'" onmouseout="this.style.backgroundColor='#CCCCCC';this.style.color='#333333'">Mise en page de documents</td>
</tr>
<tr>


Merci....

   
Répondre à pommard89

3

Dj Nam, le 14 nov 2007 à 11:45:54

Ce qui m'échape en faite dans ton code, s'il sagit de liens, pourquoi n'utilise tu pas directemetn les propriétés css des liens hypertexte ? par exemple les styles :
a:hover {
//propriétés du lien survolé
color:"#FFFFFF";
background-color:"#990000";
}
a:hover {
//propriétés du lien non survolé
color:"#333333";
background-color:"#CCCCCC";
}

A toi de voir apres pour affiner la présentation.
Bon courage

   
Répondre à Dj Nam

4

pommard89, le 14 nov 2007 à 11:54:00

Car apparement ce ne serait pas compatible avec IE... mais est-ce vraiment le cas j'ai pas essayé. vais voir ca de suite.

   
Répondre à pommard89

5

 waras, le 17 mai 2009 à 15:51:55

Yo!!!!!!!:):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):­):):):):):):):):):):):):):):):):):):(:):):):):):):):):):):):­):):):):):)ouf voila!!

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