Discussion :

[Nalfeim]

Bonjour

C'est une fonctionnalit� toute simple pour l'utilisateur : une page web comporte plusieurs blocs, en haut de chacun il y a un petit bouton (typiquement une fl�che). Un clic dessus, le bloc est r�duit � juste une ligne. un nouveau clicet le bloc est � nouveau affich� en entier.

Pour repr�senter les blocs, je pense utiliser (rien de d�finitif) des fieldsets, et s'ils posent des probl�mes ce sera de bonne vieille div.

J'ai plusieurs id�e pour essayer de mettre en place ce folding :
- en bricolant avec du CSS de la m�me fa�on que quand on utilise :hover pour surligner un �l�ment quand le curseur passe dessus.
- javascript et onclick

Toutefois le temps me manque pour passer la journ�e � bricoler. L'un de vous aurait il un exemple ou une recommandation du genre "�a �a ne marchera pas" sous le coude ?

Merci d'avance.

PS : D�sol� si ce post n'est pas � sa place dans ce forum

[Bis�n�rs]

Je te conseille le Javascript pour ce genre d'actions.

[_IpC_]

Sur le onclick, tu change le display de la div � cacher.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
if(document.getElementById(id_div).style.display == none){
    document.getElementById(id_div).style.display = "block";
}else{
    document.getElementById(id_div).style.display = "none";
}

[Nalfeim]

D�sol� pour le d�lais de r�ponse !


@_IpC_: Id�alement j'aimerai avoir une ligne descriptive du contenu du bloc quand celui ci est repli�. Donc est ce que ceci te parait bon :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
 
<fieldset id='fieldset123'>
   <legend onClick=switchDisplay('fieldset123')>Bla</legend>
   <div id='short'>
      description courte
   </div>
   <div id='long'>
      contenu complet
   </div> 
</fieldset>

Avec bien sur switchDisplay qui inverse les deux display des div short et long du fieldSet dont on lui donne l'id.

[emmanuel.remy]

Salut,

Oui pourquoi pas.

Mais tu devrais regrouper les �l�ments � cacher en une seule balise car dans le cas pr�sent si demain tu dois en ajouter un autre cela impactera ton code.

ERE

[Nalfeim]

Donc plut�t quelquechose comme �a

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<fieldset id='fieldset123'>
   <legend onClick=switchDisplay('fieldset123')>Bla</legend>
   <div id='displayBloc1'>
       <div id='element1'> ... Description ... </div>
       <div id='element2'> ... </div>
   </div>
   <div id='displayBloc2'>
       <div id='element3'> contenu </div>
       <div id='element4'> ... </div>
       <div id='element5'> ... </div>
   </div> 
   ...
</fieldset>

O� les displayBloc sont aussi permanent que faire ce peut, et je modifie 'juste' les elements. C'ets bien � �a que tu pensais R�my ?

[emmanuel.remy]

Yes !

ERE