Balise [spoiler] en (x)HTML/CSS
reynolds
-
UnAnonyme -
UnAnonyme -
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
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
A voir également:
- Html spoiler
- Spoiler imprimante - Guide
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Nbsp html ✓ - Forum Webmastering
5 réponses
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>
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
Merci pour cette précieuse aide !
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é
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é
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut,
La propriété CSS "display" peut avoir 4 valeurs (ou plus?) :
La propriété CSS "display" peut avoir 4 valeurs (ou plus?) :
element {
display:none; /* L'element n'est ni afficher, ni chargé dans la page.*/ display:block; /*C'est l'état par défaut des <div> : Les elements sont affichés les uns en dessous des autres.
*/ display:inline; /*C'est l'état par défaut des <span> : Les elements sont affichés les uns à coté des autres.
*/ display:inline-block; /*Les elements sont affichés les uns à coté des autres, mais on peut désormais leurs appliquer des propriétés CSS réservées aux <div>.
*/ }En espérant aider.
