Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1380 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1996333
djodjolyon
Posté le 27-05-2010 à 01:40:57  profilanswer
 

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

mood
Publicité
Posté le 27-05-2010 à 01:40:57  profilanswer
 

n°1997341
djodjolyon
Posté le 30-05-2010 à 22:54:41  profilanswer
 

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

n°1997460
NewsletTux
<Insérez ici votre vie />
Posté le 31-05-2010 à 10:56:53  profilanswer
 

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


---------------
NewsletTux - outil de mailing list en PHP MySQL
n°1998187
djodjolyon
Posté le 02-06-2010 à 00:23:43  profilanswer
 

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 :
  1. <html>
  2. <head>
  3.  
  4.     <style type="text/css">
  5.  
  6.     a {
  7.     font-weight:bold;
  8.     font-family:verdana;
  9.     text-decoration:none;
  10.     }
  11.  
  12.     </style>
  13.  
  14.  
  15.     <script type="text/javascript" language="javascript">
  16. tableonmouseover ="function changecolor();function changeborder();"
  17.     function changeColor(idObj,colorObj)
  18.     {
  19.         document.getElementById(idObj.id).style.color = colorObj;
  20.     }
  21. function changeborder ()
  22. {
  23. onfocus="this.style.border;"
  24. }
  25.     </script>
  26. </head>
  27. <body>
  28. <table width="548" border="1">
  29.   <tr onMouseOver="tableonmouseover">
  30.     <td width="214"><a href="#" style="color: #000000" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#000000'">
  31.         Link 1</a></td>
  32.     <td width="318"><img src="xxx.jpg" width="300" height="300" onMouseOver="this.style.border='5px solid blue'; underImg.style.visibility='visible';"
  33. onMouseOut="this.style.border='0px'; underImg.style.visibility='hidden';" ></td>
  34.   </tr>
  35. </table>
  36. </body>
  37. </html>

n°2002380
djodjolyon
Posté le 17-06-2010 à 02:58:47  profilanswer
 

Quelqu'un aurait une idée svp?


Aller à :
Ajouter une réponse
  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 imageRendre une image téléchargable
[résolu] Problème sous firefox et IE8 pour répéter une imageGé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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR