Balises spoiler à répétition ?
Fermé
Azemaria
Messages postés
88
Date d'inscription
lundi 5 mars 2007
Statut
Membre
Dernière intervention
17 février 2016
-
2 sept. 2007 à 02:04
Azemaria Messages postés 88 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 17 février 2016 - 2 sept. 2007 à 13:01
Azemaria Messages postés 88 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 17 février 2016 - 2 sept. 2007 à 13:01
A voir également:
- Balises spoiler à répétition ?
- Html spoiler ✓ - Forum HTML
- Spoiler imprimante - Guide
- T'aimer encore spoiler fin - Forum Cinéma / Télé
- Répétition sonnerie sms samsung ✓ - Forum Samsung
- Répétition automatique touche clavier - Forum Windows
2 réponses
Miss Maïka
Messages postés
34
Date d'inscription
mercredi 15 août 2007
Statut
Membre
Dernière intervention
24 juillet 2008
13
2 sept. 2007 à 02:21
2 sept. 2007 à 02:21
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
Azemaria
Messages postés
88
Date d'inscription
lundi 5 mars 2007
Statut
Membre
Dernière intervention
17 février 2016
7
2 sept. 2007 à 13:01
2 sept. 2007 à 13:01
Merci pour ton conseil Maïka ! Je ne savais pas que l'on pouvait voir le code source, c'est très pratique en effet. Je vais essayer ça.