Hover sur une image et du texte en même temps

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Hover sur une image et du texte en même temps

djodjolyon

Salut,

L'idée est que j'ai un tableau (1 ligne et 2 colonnes).
Dans la première colonne j'ai une image. Je veux qu'au survol la souris, la bordure change de couleur.
Dans la seconde colonne j'ai du texte. Je veux qu'au survol la souris, le texte change de couleur.

Actuellement, l'image et le texte sont indépendants. Donc seul le texte ou l'image réagit au survol de la souris.
J'aimerai que quand je survol un élément, l'autre réagisse également.
C'est possible?

Merci

Publicité

djodjolyon

C'est faisable ou non?
Je peux virer le tableau si besoin...

NewsletTux

<Insérez ici votre vie />

oui
suffit d'appliquer une fonction JS via onmouseover sur ton <tr>

Message cité 1 fois

---------------
NewsletTux - outil de mailing list en PHP MySQL

djodjolyon

NewsletTux a écrit :

oui
suffit d'appliquer une fonction JS via onmouseover sur ton <tr>

OK... Par contre je suis incapable de sortir un javascript qui fonctionne...
Je ne connais pas du tout...
Voilà ce que j'ai essayé de faire :

Code :

<html>
<head>
<style type="text/css">
a {
font-weight:bold;
font-family:verdana;
text-decoration:none;
}
</style>
<script type="text/javascript" language="javascript">
tableonmouseover ="function changecolor();function changeborder();"
function changeColor(idObj,colorObj)
{
document.getElementById(idObj.id).style.color = colorObj;
}
function changeborder ()
{
onfocus="this.style.border;"
}
</script>
</head>
<body>
<table width="548" border="1">
<tr onMouseOver="tableonmouseover">
<td width="214"><a href="#" style="color: #000000" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#000000'">
Link 1</a></td>
<td width="318"><img src="xxx.jpg" width="300" height="300" onMouseOver="this.style.border='5px solid blue'; underImg.style.visibility='visible';"
onMouseOut="this.style.border='0px'; underImg.style.visibility='hidden';" ></td>
</tr>
</table>
</body>
</html>

djodjolyon

Quelqu'un aurait une idée svp?

FORUM HardWare.fr

Programmation

HTML/CSS

Hover sur une image et du texte en même temps

Sujets relatifs
Une ListView en temps réel ?	comment boucler le id avec changement de lien en meme temps?
Mon image ne veut s'afficher	[résolu]fonction prenant en compte une url brute d'une image
comment inserer une image dans une base de donnée?	Réalisation d'un éditeur de texte pour un CMS maison
Problème lors du téléchargement d'une image	Rendre une image téléchargable
[résolu] Problème sous firefox et IE8 pour répéter une image	Générer une image monochrome en 16x16 pixles d'un caractère chinois
Plus de sujets relatifs à : Hover sur une image et du texte en même temps

Page générée en 0.058 secondes