[Spoiler] HTMLRésolu/Fermé

Question

Salut!Je voudrais savoir quel est le code pour faire un spoiler comme ceci:http://forum.hardware.fr/hardwarefr/JeuxVideo/Ouverture-facile-aides-pour-passer-niveaux-Lire-post-sujet-86813-2.htmMais pas sur un forumMerci

takerman · Accepted Answer

Voici un spoiler qui devrais bien fonctionner:

Spoiler:

il faut juste modifier {text} par votre texte

Jeff · Answer

Qu'est-ce que tu appelles "spoiler" ?C'est naze, sous firefox il faut cliquer sur "spoiler" pour en voir le contenu...

Utilisateur anonyme · Answer

Sous IE aussi, ca doit être le principe du "spoiler"

Pingson · Answer

ok mais comment on en fais un ??!!??

Jeff · Answer

... regarde le code du forum :

Spoiler :

escargot

La fonction Javascript associée n'est pas bien méchante : http://forum.hardware.fr/include/forum2.js 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'; } }

Pingson · Answer

ok merci :D

Zep3k!GnO · Answer

KOoL !

kakuro · Answer

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

Takerman · Answer

pour ajouter se code dans la pages html fait comme ceci: =========================================================

Spoiler :

{TEXT}

========================================================= puis il faut modifier {TEXT} par le texte que tu veut

lecky · Answer

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

lecky · Answer

up please :(

glouton · Answer

C'est parce que l'état initial n'est pas contenu dans le javascript mais dans la classe CSS. Le javascript lui change l'état de la propriété CSS "visiblility" en fonction de l'état précédent. Personnellement j'utiliserais plutôt la propriété display en passant de block à none. Visibility de visible à hidden ne fait que maquer le contenu mais sa place dans l'affichage lui reste réserver, alors qu'avec display, quand tu passes la valeur à none, c'est comme si le truc n'était plus là du tout.
Dans l'exemple précédent que j'ai regardé rapidemment, l'état initial est donc défini dans la classe CSS "container". Si tu ne la définis pas, par défaut, la proprité visibility est à visible.

Voilou
glouton

uzumaki17 · Answer

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 =)

poupee · Answer

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

lpareo · Answer

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

Letithord Kage · Answer

j'ai réglé le problème de lpareo voici le bon code :

On clique sur ce texte pour afficher le reste !!!

Texte

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

Torak · Answer

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/t34946-Mettre-vos-sous-sous-forum-en-lien-cache-hide-spoiler.htm?q=spoiler 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 ?

Spoiler :

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

nenah · Answer

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_20080531)...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 · Answer

lu

Spoiler :

escargot

math 2000 · Answer

http://sd-1.archive-host.com/membres/up/150114153040225939/66.HTM
la dernière réponse date de 2008 donc pas encore trop tard
avec le java script et le html ça ne fait que  5,74 ko à la place de 14 ou +

math 2000 · Answer

désolé mon lien à des problème voici où il a été déplacer il y a tous sur les spoiler et les menu déroulant 
http://bormat2.free.fr/tutoriel-menu-déroulant.html

math 2000 · Answer

j'ai encore plus court source mon site http://bormat2.free.fr/wordpress4/

spoiler

texte c

vous avez aussi des spoilesr compressable

math 2000 · Answer

un peu long vos code pour ceux qui veulent plus court j'en ai 2 celui là

spoiler

texte c

ou lui

Spoiler

texte
cach
cach
cach

anonyme · Answer

[spoiler]je sais pas du tout comment on fait non plus/spoiler

Anonyme · Answer

Spoiler:

Anonyme · Answer

[spoiler] sa marhce pas de la pur mer***[/spoile]

math 2000 · Answer

spoiler n'est pas activer sur ccm essayé sur d'autre site ça marche

Maxoen · Answer

Bonjour je souhaiterai savoir si possible comment adapter ce script pour l'exécution de plusieurs spoilers dans la même page.

Merci.

sophie1998 · Answer

Tu mets le messages que tu veux citer, et tu clique en haut à droite normalement sur "citer", c'est tout! ^^

Sticka · Answer

Bonsoir à tous, je me permet de remonter ce sujet car j'ai un petit problème. J'ai pu voir tous vos spoiler mais impossible de trouver celui qui me convient. Après avoir longtemps cherché autour de ce code, je viens voir s'il est possible de recevoir de l'aide.

Spoiler

texte

J'aimerais qu'il s'affiche fermé par défaut puis qu'il s'ouvre lorsqu'on clique dessus. Donc tout l'inverse de maintenant! Tout à l'heure j'avais trouvé mais hélas j'ai perdu le code et impossible de remodifier ça ! Quelqu'un pour me venir en aide svp ? :s

Sticka · Answer

Upp svp . J'ai toujours pas trouvé la solution à mon problème et j'ai besoin du spoiler pour aller dans mon menu :( Comment faire pour que ce code soit fermé par défaut svp?

Spoiler

texte

[Spoiler] HTML

31 réponses

Discussions similaires

Newsletters