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?
4 réponses
voici une exemple
si tu veux une explication sur un point demande ;)
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 le
le reste l'est moins si tu veux mettre le clic sur une image suffi de faire ça :
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?
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?
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?
