Comment faire pour montrer ou cacher
un texte associé à un lien ou à un faux lien


JAVACRIPT POUR  MONTRER OU CACHER UN TEXTE/ UNE RÉPONSE :
ONMOUSEOVER  ou   ONCLICK
  

Parfait pour inclure la réponse à la question ou a l'exercice  sur la page même web.
( le texte de la réponse est  caché à l'œil, mais a portée d'un rollover ou d'un click)

 1.  Voici le code à inclure dans la partie head du document html  HEAD 

<script type="text/javascript"><!--    function toggle_visibility(id)
{      
var e = document.getElementById(id);       if(e.style.display == 'block')          e.style.display = 'none';        else          e.style.display = 'block';     }//-->
</script>  

2.  Voici le code à inclure dans la partie body du document html  BODY.
 
On peut  choisir entre    onmouseover  et    onclick   pour rendre visible le texte caché.
 

<a href="#" onmouseover="toggle_visibility('text');">Voir la réponse</a >
<div id="text">Texte de la définition, explication ou réponse à montrer quand on fait rollover sur le lien et qui reste caché lorsqu'on retire la souris du lien. Si l'on veut faire un saut de ligne on utilise la balise  br </div>  

Exemple 1 : Vous voulez voir la réponse   (onclick)

Exemple 2 : Vous voulez voir la réponse   (onmouseover):

Exemple 3 : Vous voulez voir la réponse   (onmoueover  ou  onclick)    Aller voir le javascript qui montre le truc :

(a) onmouseover="alert('Ici le texte qu on veut montrer')" href="http://xtec.cat" > Texte du faux lien  (/a)

_______________

Page d'accueil
Sani Girona Roig   2005-2009