Création
d'entreprise
Posez votre question Signaler

Balise [spoiler] en (x)HTML/CSS

reynolds - Dernière réponse le 4 mai 2012 à 22:29
Bonsoir,
je recherche l'équivalent à une balise [spoiler] en xHTML ;-)
En fait je veux pouvoir réaliser le même effet qu'un spoiler en phpBB mais sur un site en xHTML/CSS le but étant de cacher/afficher un javascript (un petit script comme l'incrustation d'une carte google maps) ou une portion de texte ou autre... Je crois qu'il y a des propriété qui permettent ça mais je ne sais pas les quelles et comment les appliquer. Là j'ai pas bien le temps de chercher sur google donc si quelqu'un passe pas là avec la solution je lui en serais très reconnaissant :super:
Merci d'avance ;)
Reynolds
Lire la suite 

Balise [spoiler] en (x)HTML/CSS »

5 réponses
Réponse
+2
moins plus
re;

j'ai testé un petit script mais je sais pas si c'est bien "propre" :

function show_hide(obj,bloc)

{

elt=document.getElementById(bloc);

if (elt.style.display == 'none')
{

elt.style.display='block';

}

else {

elt.style.display='none';

}

}

Puis dans le corps de ma page:


<div onclick="show_hide(this,'bloc_test');" id="corps">

Google Earth

</div>

<div id="bloc_test" style="display:none">

Le texte que je tape ici est caché d'office et apparait au clic sur "Google Earth"

</div>
Anonymous - 4 mai 2012 à 22:29
Merci pour cette précieuse aide !
Ajouter un commentaire
Réponse
+1
moins plus
mmmh en principe ça devrait être relativement simple.

le but étant de jouer sur la propriété css "display" de l'élément à cacher (si tu le mets dans une div ça devrait être plus simple)
et avec un lien par exemple, avec l'évènement "OnClick" tu changes la valeur de cette propriété
Ajouter un commentaire
Réponse
+1
moins plus
Bonsoir;

merci pour ta réponse ;)

Je ne connais pas trop cette propriété et ses valeurs ... :/

Pourrais tu me montrer un exemple ?

Merci d'avance
Ajouter un commentaire
Réponse
+1
moins plus
Excellent code, très simple à utiliser, très clair simple et peu coûteux en ressource. Merci ;)
Ajouter un commentaire
Ce document intitulé « Balise [spoiler] en (x)HTML/CSS » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?