Fonction Hide des forums sur site web
Résolu
Utilisateur anonyme
-
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?
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
-
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> -
je vais t'expliquer la fonction alors puisque tu as pas entièrement compris ^^
ce qui est important c'est leonclick="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.