Version complète: sur le forum Webmaster Hub : Couleur de cellule changeante
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Portekoi
mercredi 6 juillet 2005 à 10:33
Bonour à tous,

J'ai un tableau (oui je sais, c'est pas bien les 'table' ^_^) composé de 9 en tête.

Au dessus de ce tableau ce trouve un autre tableau contenant lui un formulaire de recherche.

Quetion : Comment changer la couleur de l'en tête de colonne de mon tableau lorsque la personne pointe la souris vers la cellule correspondante du moteur de recherche (ouch).

Je suis sur que personne n'a compris ^_^

Illustration :

http://desfurets.free.fr/photo/upload/c21n...nanqjxo49nl.jpg

La croix bleu symbolise la souris smile.gif

Merci d'avance

Portekoi
MS-DOS_1991
mercredi 6 juillet 2005 à 11:01
Salut Portekoi smile.gif

peut-etre en JavaScript avec getElementsById():

HTML
<span onMouseOver="document.getElementsById('solde').style.backgroundColor='blue';">Solde de :</span>
<!-- et plus loin dans ton tableau -->
<th id="solde">Solde</th>


edit: impardonnable rolleyes.gif rolleyes.gif !! j'avais oublié de préciser l'évènement onMouseOut pour restaurer la couleur originale de la cellule (bien vu portekoi wink.gif )

HTML
<span onMouseOver="document.getElementById('solde').style.backgroundColor='blue';" onMouseout="document.getElementById('solde').style.backgroundColor='white';">Solde de :</span>
Portekoi
mercredi 6 juillet 2005 à 11:10
Bonjour,

Merci de ton aide mais cela ne fonctionne pas sad.gif

'Cet objet ne gère pas cette propriété ou cette méthode'

Voici ce que j'ai mis :

CODE
<td>
<span onMouseOver="document.getElementsById('solde').style.backgroundColor='blue';">
Solde de :
</span>
</td>


CITATION
<td align="center" class="cell-titre" rowspan="2" id="solde">
<b>Solde</b>
</td>


Merci smile.gif

Portekoi
Portekoi
mercredi 6 juillet 2005 à 12:31
Personne n'aurait une autre solution?

Merci d'avance smile.gif

EDIT :C'est bon, j'ai trouvé grâce à MS Dos smile.gif

j'ai mis ceci :

CODE
<td>
<span onMouseOver="document.getElementById('solde').style.backgroundColor='#FF8F6E';" onMouseout="document.getElementById('solde').style.backgroundColor='white';">Solde de :</span>
</td>


Ca roule, merci encore smile.gif
Dudu
mercredi 6 juillet 2005 à 13:31
Sinon en CSS avec le pseudo-format :hover qui est justement fait pour çà wink.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.