[HTML/CSS] Spoiler

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML/CSS] Spoiler

the nordcore

Awesome

Bonjour,

voilà, je suis en train de réaliser un petit site internet en html et css.
j'aurais besoin de trouver un moyen de faire comme un spoiler. En fait c'est un site avec des exercices et j'aimerais qu'il y ai comme une aide,
mais facultative, donc que si la personne en a besoin elle "active" l'aide ce qui afficherait le texte d'aide.
Y a t-il un moyen de faire ca en html ou pas?

merci

Message édité par the nordcore le 08-12-2007 à 18:28:09

Publicité

olivthill

La propriété visibility est peut-être utile dans ce cas.
Au début, dans onLoad, il y aurait :

document.getElementById('spoiler1').style.visibility='hidden';

puis dans onClick, il y aurait

document.getElementById('spoiler1').style.visibility='visible';

the nordcore

Awesome

ok merci, je vais essayé avec visibility, je ne connaissais pas cette propriété en css

---------------
0x53 0x61 0x6C 0x65 0x47 0x65 0x65 0x6B

mIRROR

Chevreuillobolchévik

une recherche aurait pu etre utile
http://forum.hardware.fr/forum2.ph [...] w=0&nojs=0

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

the nordcore

Awesome

j'avais reussi, merci

je poste le code ce soir pour ceux que ca interresse

---------------
0x53 0x61 0x6C 0x65 0x47 0x65 0x65 0x6B

the nordcore

Awesome

voivi une fonction en javascript

Code :

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';
}
}

et dans ma pahe xhtml

Code :

<div class="container">
<table class="spoiler" onclick="javascript:montrer_spoiler('spoilers')" style="cursor: pointer;">
<tbody>
<tr class="none">
<td>
<p>Hint : (click to display)</p>
<div class="Topic masque" id="spoilers" style="visibility:hidden">
<p>/*ce que vous voulez cacher*/</p>
</div>
</td>
</tr>
</table>
</div>

---------------
0x53 0x61 0x6C 0x65 0x47 0x65 0x65 0x6B

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML/CSS] Spoiler

Sujets relatifs
xml+xsl : résultat en html + parties en arborescence xml	probleme background color en CSS sur Firefox
[HTML]/[PHP] Formulaire boutons radios et onclick	[Résolu][Html/CSS]"a:active" ne marche qu'à l'instant du clic..
[Html/Js] Envoyer une fonction quand on fait precedent	Comment realiser ces fonctions (sondage,...), html,PHP?
Débutant html - Insertion d'image & navigateurs	[HTML/CSS] Besoin d'avis
Plus de sujets relatifs à : [HTML/CSS] Spoiler

Page générée en 0.046 secondes