Qu'est-ce que tu appelles "spoiler" ?

C'est naze, sous firefox il faut cliquer sur "spoiler" pour en voir le contenu...
Webmaster(@)CommentCaMarche.net
>>010000110100001101001101<<

Sous IE aussi, ca doit être le principe du "spoiler" TRUST IS A WEAKNESS

Ok mais comment on en fais un ??!!?? Faites l'amour, pas la guerre ;)

... regarde le code du forum :

<div class="container"><table class="spoiler" onclick="javascript:montrer_spoiler('spoiler2')" style="cursor: pointer;"><tbody><tr class="none"><td><b class="s1Topic">Spoiler :</b><br><br><div class="Topic masque" id="spoiler2"><p>escargot</p></div></td></tr></tbody></table></div>

function montrer_spoiler(value) {
	var actual=document.getElementById(value).style.visibility;
	if (actual=='visible') {
		document.getElementById(value).style.visibility='hidden';
	} else {
		document.getElementById(value).style.visibility='visible';
	}
}

Ok merci :D Faites l'amour, pas la guerre ;)

KOoL ! Zep3k!GnO

On est des rangers mec, des rangers...

Ou est-ce que je dois mettre ces scripts dans ma page html?

Pour ajouter se code dans la pages html fait comme ceci:

=========================================================

<script type="text/javascript">
function montrer_spoiler(value) {
	var actual=document.getElementById(value).style.visibility;
	if (actual=='visible') {
		document.getElementById(value).style.visibility='hidden';
	} else {
		document.getElementById(value).style.visibility='visible';
	}
}
</script>
<div class="container"><table class="spoiler" onclick="javascript:montrer_spoiler('spoiler2')" style="cursor: pointer;"><tbody><tr class="none"><td><b class="s1Topic">Spoiler :</b><br><br><div class="Topic masque" id="spoiler2">{TEXT}
</div></td></tr></tbody></table></div>

Salut,
ce code marche sur mon forum seulement, il est d'abord visible puis il faut cliquer dessus pour le rendre invisible.
J'aime savoir comment faire pour qu'il soit invisible la première fois qu'on le voit ?
j'ai remplacé "actual visible" par hidden" mais ça ne marche plus comme ça ...
merci

Bonjour,
merci à tous d'avoir aidé monsieur pour ses spoilers ^^
pour moi, c'est tout autre chose (je pense)
étant donné que je suis pas très doué, je vous apelle à l'aide :
comment faire un "truc" qui permette de faire le même principe qu'un spoiler, mais qui tolère l'affichage d'une chatbox, qui, une fois masquée, ne laisse pas un gros trou dans l'affichage =__="
la plate forme que j'utilise est blogspot, pour info =)

Bonjour tlm j aimerais bien qu on m explique comment ca MARCHE moi quand mes dans mon blog je vois toute le code ,ca fait pas la reponse cache peus tu avoirun exemple..merci

Et bien, poupee, je pense que c'est parce que c'est un blog et donc, ton service de blog ne gère pas ce type de codage
et sinon takerman, j'ai essayé ton code, mais quand je clique sur afficher, il ne fait rien

J'ai réglé le problème de lpareo

voici le bon code :

<script type="text/javascript">
function montrer_spoiler(value) {
var actual=document.getElementById(value).style.visibility;
if (actual=='visible') {
document.getElementById(value).style.visibility='hidden';
} else {
document.getElementById(value).style.visibility='visible';
}
}
</script>
<div class="container"><table class="spoiler" onclick="javascript:montrer_spoiler('spoiler2')"
style="cursor: pointer;"><tbody><tr class="none"><td><b class="s1Topic"> On clique sur ce texte pour afficher le reste !!! </b><br><br>
<div class="Topic_masque" id="spoiler2">

Texte

</div></td></tr></tbody></table></div>

et dans ton fichier css, ou directement dans le fichier html ou php, en rajoutant une balise css tu met

.topic_masque

{
visibility: hidden;
}

voila, et c'est pas de moi, j'ai pris le code de takerman qui date du 21 aout 2007, et j'ai passé 5 minutes a tester différents noms de class pour le css.

il affichera le nom en gras et centré, il y aura une plage invisible aussi longue que ton texte caché, et quand tu cliqueras, ca l'affichera en centré

ce code est pratique pour les cas ou il n'y a qu'une ou deux lignes a afficher
mais pour un cas ou il y a une page entière, mieux vaux prendre celui de takerman du 9 décembre 2007.
meme si il y a un léger bug (il n'affiche en effet rien quand tu cliques sur le bouton, je vais essayer de régler ca, meme si je ne m'y connais pas en codage java
voila

Bonjour a tous, je vois que vous avez de bonne connaissance
alors voila, tout ces spoiler son bien jolie mais ce que je recherche n'y ai pas exactement ...
je cherche un spoilé comme présent sur ce forum :
http://xooit.xooit.com/...

un spoiler qui se déplie progressivement, et non un texte qui apparait d'un coups, et qui ne fait pas de gros troues dans l'affichage de la page..
en quelque sorte se serait le top du spoiler non ? :)

j'ai esseyé de reprendre le code, en très gros le code ressemble a ça non ?

<div><a href="javascript:void(0);"
onclick="hideBBCodeShowHide(this)">Spoiler  : </a></div>
<div style="display: none;">
TEXTE
<span class="postbody"></span></div>
</div>

serait il possible de l'appliquer a une page web ? parce que tel quel le texte ne s'affiche pô !
merci ;)

Peut-être n'as-tu pas inclu dans ta page la fonction javascript hideBBCodeShowHide()...

j'ai récupéré dans le code source de ta page d'exemple le fichier .js contenant la fonction en question (http://img3.xooimage.com/files/c/1/5/common-424e3c.js?2_200­80531)...mais c'est un vrai capharnaum pour y comprendre quelque chose. Au pire enregistres le .js en entier et utilises-le tel quel.

J'ai reussi en tatonnant a  virer quelques trucs n'ayant pas de rapport avec la fonction de "spoilerization", mais une grande partie reste opaque pour moi : la fonction hideBBCodeShowHide() fait appel à  2 autres fonctions Effect.SlideDown et Effect.SlideUp, mais après je m'y perds. Voilà , en espérant avoir pu t'aider un peu.

Lu

<div class="container"><table class="spoiler" onclick="javascript:montrer_spoiler('spoiler2')" style="cursor: pointer;"><tbody><tr class="none"><td><b class="s1Topic">Spoiler :</b><br><br><div class="Topic masque" id="spoiler2"><p>escargot</p></div></td></tr></tbody></table></div>