Comment faire changer le Bordercolor au passage de la souris?

[majinvgeo]

<tr>
<td width="128" onMouseOver="image1.src='h3.gif'" onMouseOut="image1.src='h3.bmp'">

<a href="http://users.skynet.be/Majinvgeo/accueil.html" target="CadreAccueil">
<img src="h3.bmp" border="0" width="30" height="55" align="left" name="image1"></a><br>

<div align="center"><b><font color="#00ffff">Page d'accueil</font></b></div></td>
</tr>

Comme vous pouvez le voir, au passage de la souris je change déjà une image qui est dans la cellule du tableau en une image animée.
J'aimerais qu'en même temps le Bord de la cellule devienne ROUGE.
Comment faire ?

 

[THEniluje]

peut-etre moyen en passant par les styles ?

 

[majinvgeo]

[citation=3188,1][nom]THEniluje a écrit[/nom]peut-etre moyen en passant par les styles ?
[/citation]
Ben ici sur la doc d'aide au niveau javascript de webexpert, il parle de ceci

Spécifie la couleur de la bordure d’un élément HTML.
styleObject.borderColor = {none | valeurCouleur}
Paramètres
styleObject représente un objet Style.
valeurCouleur est une chaîne représentant une valeur de couleur (nom de couleur ou valeur hexadécimale d’une couleur).

Donc je suppose qu'avec un script y a moyen mais je ne sais pas le faire !
j'appelerais une fonction dans <td> en mettant :
un onMouseOver = "colorbordure ()" ou colorbordure est un nom d'exemple

 

[thrips]

Après plusieurs essais, j'ai réussi. Voila le code :

[cpp]<tr>
<td width="128" onMouseOver="image1.src='h3.gif'; this.style.borderColor='#FF0000'" onMouseOut="image1.src='h3.bmp'; this.style.borderColor='transparent'">

<a href="http://users.skynet.be/Majinvgeo/accueil.html" target="CadreAccueil">
<img src="h3.bmp" border="0" width="30" height="55" align="left" name="image1"></a><br>

<div align="center"><b><font color="#00ffff">Page d'accueil</font></b></div></td>
</tr>[/cpp]

 

[steven@lucie]

Vous devez être connecté pour voir les liens.

 

[majinvgeo]

Super Merci à vous deux [:majinvgeo]

 

[thrips]

De rien, sa fais plaisir d'aider les autres quand on le peux.

 

[Polio]

[citation=3188,1][nom]THEniluje a écrit[/nom]peut-etre moyen en passant par les styles ?
[/citation]

Ouep, cela doit être faisable avec un hover, ce qui a le mérite de ne pas réclamer de JavaScript :

td.image { border:0px; }
td.image:hover { border:2px solid #f00; }

Dans le code HTML, il suffit alors simplement d'indiquer la classe qui va bien :

 <td class="image"><img src="/image.png" alt="blabla"/></td>

(edit) balises

 

[KangOl]

pour etre plus W3C comilant je dirait

image td{ border:0px; }
image td:hover { border:2px solid #f00; }

 

[HotShot]

[citation=3223,1][nom]kangol a écrit[/nom]pour etre plus W3C comilant je dirait

image td{ border:0px; }
image td:hover { border:2px solid #f00; }

[/citation]

:heink: la balise 'image' n'existe pas en HTML...

 

[KangOl]

bha ca cree un classe [:spamafote]

 

[KangOl]

excusez moi, il faut ecrir ".image" effectivement