afficher/caché du texte...[resolved]

afficher/caché du texte...[resolved] - HTML/CSS - Programmation

Marsh Posté le 25-08-2007 à 14:31:58    

Salut,
 
J'ai une petite image,  quand la sourie survole cette image, je voudrai afficher du texte en dessous, et que quand la sourie repasse une autre fois, le texte disparais ...
 
Comment faire ça en JS ? /* Si quelqu'un à un exemple */
 
Merci.
 
PS: j'avais essayer un truc du genre:
<img src="det.jpg" onmouseover="javascript : document.write('texte ici voila')" />..</th>
mais ça m'affiche: texte ici voila , dans une nouvelle page vide.


Message édité par _Reggae_ le 25-08-2007 à 14:58:57
Reply

Marsh Posté le 25-08-2007 à 14:31:58   

Reply

Marsh Posté le 25-08-2007 à 14:45:42    

Ba pour capter la passage de la souris sur ton image tu a l'évennement OnMouseOver. Exemple :

Code :
  1. <img src="tonImage.jpg" alt="c koi ici?" onmouseover="passageSouris()" />


 
Ensuite pour afficher/masquer du texte il suffit de modifier le display du conteneur de ton texte.

Code :
  1. <p id="hiddenText">Mon texte bla bla...</p>


 
Il te faut enfin une fonction passageSouris() :

Code :
  1. function passageSouris()
  2. {
  3.   myBox = document.getElementById("hiddenText" );
  4.   if(myBox.style.display == "none" )
  5.     myBox.style.display = "";
  6.   else
  7.     myBox.style.display = "none";
  8. }


 
Voilà, avec ça tu devrais arriver à quelque chose.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 25-08-2007 à 14:58:17    

Ok, merci pour ton aide dwogsi :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed