SELFHTML

Forum SELFHTML: Archives:
table > onmouseover > background.color & link.color change

Page d'information: vue d'ensemble
vers le bas 

(JAVASCRIPT) table > onmouseover > background.color & link.color change

Le message suivant est de: BadFox, Adresse électronique jglhelias@hotmail.com, 20. 05. 2003, 17:07
http://badfox.free.fr/

bonjour,

je voudrais, lorsque je passe ma souris sur une cellule d'un tableau contenant un lien, que la couleur du fond de cette cellule change et la couleur du lien aussi, sans que j'ai besoin d'être dessus comme il est normal.

j'espère que vous voyez ce que j'aimerais faire
votre aide me sera utile, merci par avance

BadFox


 
vers le hautvers le bas 

(JAVASCRIPT) table > onmouseover > background.color & link.color change

Le message suivant est de: Patrick Andrieu, Adresse électronique nospam@nospam.fr, 22. 05. 2003, 16:34
http://www.selfhtml.com.fr/equipe/patrick.htm

Salut!


»» je voudrais, lorsque je passe ma souris sur une cellule d'un tableau contenant un lien, que la couleur du fond de cette cellule change et la couleur du lien aussi, sans que j'ai besoin d'être dessus comme il est normal.

Je te renvoie au chapitre de SELFHTML concernant le DOM. Particulièrement getElementById devrait t'intéresser:

http://selfhtml.selfhtml.com.fr/javascript/index.htm
http://selfhtml.selfhtml.com.fr/javascript/objets/document.htm#get_element_by_id

Si le simple changement de couleur de cellule te suffit, j'ai trouvé un exemple dans les archives du forum allemand. Vois si celui-ci te convient:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>Hover pour cellules de tableau</title>
<style type="text/css">
td {
   border: solid;
   padding: 20px;
}
td a {
   display: block;
   padding: 20px;
}
a:hover {
   color: black;
   background-color: yellow;
}
</style>

<table>
<tr>
<td><a href="http://example.com">Test</a></td>
<td><a href="http://example.com">Test</a></td>
<td onmouseover="alert('Salut');">Blafoo und</td>
</tr>
</table>

Tout est en CSS (non javascript), sauf dans la dernière cellule. Tu peux donc placer un onmouseover onmouseout directement dans tes cellules... Testé avec IE6, Mozilla 1.0 et Opera 7.0

Patrick


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org