Fonction Hide des forums sur site web

[Résolu/Fermé]
Signaler
-
 Utilisateur anonyme -
Bonjour, après de nombreuses recherches sur Google, je ne trouve désespérement pas la solution à mon problème.


Voilà je m'explique, sur de nombreux forums et site de présentation comme PreZ'Up il existe une fonction "hide", qui consiste à masquer le texte, pour le voir il suffit de cliquer sur "afficher le texte", celui-ci se déroule ensuite.


J'aimerai repproduire cette fonction sur mon site, ce qui me permetrais un gain de place sur la page, et un plus bel affichage.


Quelqu'un aurait-il la solution, s'il vous plait?

4 réponses

Messages postés
710
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
9 avril 2012
112
voici une exemple
si tu veux une explication sur un point demande ;)

<script>
  function hidisp(p1, p2){
    var elem = document.getElementById(p2);
    if (elem.style.display == 'none'){
      elem.style.display = '';
      p1.innerHTML = 'cacher le texte';
    } else {
      elem.style.display = 'none';
      p1.innerHTML = 'afficher le texte';
    }
  }
</script>

<span onclick="hidisp(this, 'letexte')">afficher le texte</span><br>
<span id="letexte" style='display:none'>le texte, le texte, le texte, le texte, le texte.</span>
Messages postés
710
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
9 avril 2012
112
je vais t'expliquer la fonction alors puisque tu as pas entièrement compris ^^

ce qui est important c'est le
onclick="hidisp(this, 'letexte')"

le reste l'est moins si tu veux mettre le clic sur une image suffi de faire ça :
<img src="monimage.gif" onclick="hidisp(this, 'letexte')">


après si tu regarde bien il y a
hidisp(this, 'letexte')
et
id="letexte"

donc un clic la dessus affichera la zone qui a pour id="letexte"


si tu veux mettre plusieurs texte suffit de mettre par exemple id="letexte2" sur le 2è texte
et sur l'image pour faire apparaitre ce texte tu met onclick="hidisp(this, 'letexte2')"


après 2è truc
l'image une fois que tu aura cliqué
elle devient quoi ?
elle disparait ?
veux tu avoir la possibilité de recacher le texte en cliquant dessus?

Merci, de ta réponse, ton code fonctionne parfaitement, mais j'ai besoin de l'utiliser plusieurs fois sur la même page, et on dirai que sa ne fonctionne que pour 1 texte par page

J'ai 6textes différent a masqué sur la même page, et je voudrai remplacer "afficher le texte" par une image.

Est-ce possible?

Merci tout fonctionne parfaitement, une fois cliquée l'image reste statique, aucune déformation, le texte apparait, quand on re-clique dessus, le texte se masque sans défaut.

Merci pour ton aide nEm3sis

Sujet Résolu.