Fonction Hide des forums sur site web

Résolu/Fermé
Utilisateur anonyme - 23 juil. 2008 à 12:40
 Utilisateur anonyme - 25 juil. 2008 à 11:47
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?
A voir également:

4 réponses

nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
24 juil. 2008 à 00:58
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>
0
nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
24 juil. 2008 à 23:21
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?
0
Utilisateur anonyme
24 juil. 2008 à 23:11
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?
-1
Utilisateur anonyme
25 juil. 2008 à 11:47
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.
-1