Fonction Hide des forums sur site web

Résolu
Utilisateur anonyme -  
 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?
Configuration: Windows XP
Firefox 3.0.1

4 réponses

  1. nEm3sis Messages postés 722 Statut Membre 113
     
    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
  2. nEm3sis Messages postés 722 Statut Membre 113
     
    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
  3. Utilisateur anonyme
     
    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
  4. Utilisateur anonyme
     
    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