Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1135 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/CSS] Spoiler

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML/CSS] Spoiler

n°1655014
the nordco​re
Awesome
Posté le 08-12-2007 à 17:56:20  profilanswer
 

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
mood
Publicité
Posté le 08-12-2007 à 17:56:20  profilanswer
 

n°1655074
olivthill
Posté le 08-12-2007 à 21:51:26  profilanswer
 

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

n°1655222
the nordco​re
Awesome
Posté le 09-12-2007 à 13:03:53  profilanswer
 

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


---------------
0x53 0x61 0x6C 0x65 0x47 0x65 0x65 0x6B
n°1655233
mIRROR
Chevreuillobolchévik
Posté le 09-12-2007 à 13:21:41  profilanswer
 

une recherche aurait pu etre utile :o
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
n°1655631
the nordco​re
Awesome
Posté le 10-12-2007 à 09:39:31  profilanswer
 

j'avais reussi, merci
 
je poste le code ce soir pour ceux que ca interresse


---------------
0x53 0x61 0x6C 0x65 0x47 0x65 0x65 0x6B
n°1656025
the nordco​re
Awesome
Posté le 10-12-2007 à 16:51:01  profilanswer
 

voivi une fonction en javascript
 

Code :
  1. function montrer_spoiler(value) {
  2. var actual=document.getElementById(value).style.visibility;
  3. if (actual=='visible') {
  4.  document.getElementById(value).style.visibility='hidden';
  5. } else {
  6.  document.getElementById(value).style.visibility='visible';
  7. }
  8. }


 
et dans ma pahe xhtml

Code :
  1. <div class="container">
  2.          <table class="spoiler" onclick="javascript:montrer_spoiler('spoilers')" style="cursor: pointer;">
  3.           <tbody>
  4.           <tr class="none">
  5.           <td>
  6.           <p>Hint : (click to display)</p>
  7.            <div class="Topic masque" id="spoilers" style="visibility:hidden">
  8.            <p>/*ce que vous voulez cacher*/</p>
  9.            </div>
  10.          </td>
  11.           </tr>
  12.          </table>
  13.        </div>


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/CSS] Spoiler

 

Sujets relatifs
xml+xsl : résultat en html + parties en arborescence xmlprobleme 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 precedentComment 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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR