Balises spoiler à répétition ?
Azemaria
Messages postés
100
Statut
Membre
-
Azemaria Messages postés 100 Statut Membre -
Azemaria Messages postés 100 Statut Membre -
bonjour, j'éspère que je suis dans le bon forum...
Voila j'ai vu un truc amusant sur un forum anglais, dans la signature d'un membre et je me demandais si quelqu'un saurait m'expliquer comment je pourais reproduire ça. Comme une démonstration vaux mieux qu'un long discours, je vous met le lien vers le forum en question:
https://forums.gamershood.com/free-online-offline-games/escape-the-room-games/3338-/page7?routestring=forum/free-online-offline-games/escape-the-room-games/3338-/page7&3280-Diversity-Find-Your-Way%2Fpage7=
Cela se trouve dans la signature du membre fishyfishy, c'est le bouton spoiler où il est écrit "show spoiler about don't open"
Quand on clique dessus apparait un autre message et ainsi de suite. J'aimerais faire la même chose pour une signature mais j'ignore comment procèder.
Merci
Voila j'ai vu un truc amusant sur un forum anglais, dans la signature d'un membre et je me demandais si quelqu'un saurait m'expliquer comment je pourais reproduire ça. Comme une démonstration vaux mieux qu'un long discours, je vous met le lien vers le forum en question:
https://forums.gamershood.com/free-online-offline-games/escape-the-room-games/3338-/page7?routestring=forum/free-online-offline-games/escape-the-room-games/3338-/page7&3280-Diversity-Find-Your-Way%2Fpage7=
Cela se trouve dans la signature du membre fishyfishy, c'est le bouton spoiler où il est écrit "show spoiler about don't open"
Quand on clique dessus apparait un autre message et ainsi de suite. J'aimerais faire la même chose pour une signature mais j'ignore comment procèder.
Merci
A voir également:
- Balises spoiler à répétition ?
- Spoiler imprimante - Guide
- Répétition sonnerie sms samsung - Forum Samsung
- Répétition touche clavier windows 10 - Guide
- [Spoiler] HTML ✓ - Forum HTML
- Notifications qui sonnent sans arrêt sur Galaxy S4 - Forum Samsung
2 réponses
Bonjour,
C'est vrai que c'est sympa... Je ne peut pas trop t'aider mais je peux te dire que un effet comme celui là est facilement réalisable avec du Javascript
Tu peux aussi regarder dans le code source de la page ça peut t'aider à comprendre comment ça marche déjà :
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about if you open this the worst will happen">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about If you open this you will be unlucky for 8 years running">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about this is not a toy dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about just resist the temtation of opening">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about DONT OPEN THIS IM NEALY CRYING HERE!!">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about ok im counting to 10">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 1">
<span class="content" style="display:none"><br />
<script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 2">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 3">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 4">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 5">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 6">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 7">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 8">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 9">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 10">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 11">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about I said dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about Im asking you nicely so please dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about I TOLD YOU NOT TO OPEN">
<span class="content" style="display:none">All that for nothing</span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div>
</div>
<!-- / sig -->
Tu peux recopier ce code dans le bloc note et ensuite enregistrer sous nimportekelnom.HTM ( le point HTM c'est pour que ce soit une page web et non un fichier texte ( .txt ) ) et tu vois, ça fait le même effet, tu peux retrouver les autres en recherchant dans le code source : clique droit sur la page --> afficher le code source, ensuite tu tape un mot pour retrouver l'endroit moi j'ai tapé "All that for nothing" par exemple...
Après pour mettre ça dans un forum... Désolé je ne sais pas
http://www.editeurjavascript.com/cours/cours_01.php
https://www.toutjavascript.com/main/index.php3
C'est vrai que c'est sympa... Je ne peut pas trop t'aider mais je peux te dire que un effet comme celui là est facilement réalisable avec du Javascript
Tu peux aussi regarder dans le code source de la page ça peut t'aider à comprendre comment ça marche déjà :
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about if you open this the worst will happen">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about If you open this you will be unlucky for 8 years running">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about this is not a toy dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about just resist the temtation of opening">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about DONT OPEN THIS IM NEALY CRYING HERE!!">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about ok im counting to 10">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 1">
<span class="content" style="display:none"><br />
<script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 2">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 3">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 4">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 5">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 6">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 7">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 8">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 9">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 10">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about 11">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about I said dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about Im asking you nicely so please dont open">
<span class="content" style="display:none"><script type="text/javascript">
function showSpoiler(block) {
block.nextSibling.nextSibling.style.display ="block";
block.parentNode.removeChild(block);
}
</script>
<div class="spoiler">
<input type="button" class="button" onClick="showSpoiler(this);" value="Show Spoiler about I TOLD YOU NOT TO OPEN">
<span class="content" style="display:none">All that for nothing</span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div></span>
</div>
</div>
<!-- / sig -->
Tu peux recopier ce code dans le bloc note et ensuite enregistrer sous nimportekelnom.HTM ( le point HTM c'est pour que ce soit une page web et non un fichier texte ( .txt ) ) et tu vois, ça fait le même effet, tu peux retrouver les autres en recherchant dans le code source : clique droit sur la page --> afficher le code source, ensuite tu tape un mot pour retrouver l'endroit moi j'ai tapé "All that for nothing" par exemple...
Après pour mettre ça dans un forum... Désolé je ne sais pas
http://www.editeurjavascript.com/cours/cours_01.php
https://www.toutjavascript.com/main/index.php3
