OVH Cloud OVH Cloud

block visible/invisble par click souris

5 réponses
Avatar
Une bévue
je ne fais du css dhtml qu'une fois tous les tremblements de terre...

et j'ai la mémoire courte...

je veux faire une page en php qui liste mon arborescence et je voudrais
qu'en cliquant sur un répertoire, l'utilisateur découvre son contenu.

je sais qu'il existe des blockx (div ?) qui permettent, sans javascript,
de montrer/cacher un autre block contenu à l'intérieur de celui-ci.

c'est du genre inline on display, je ne me souviens +

au cas où quelqu'un aurait des lumières...

--
Une bévue

5 réponses

Avatar
J.Trotoux
Une bévue wrote:

je veux faire une page en php qui liste mon arborescence et je voudrais
qu'en cliquant sur un répertoire, l'utilisateur découvre son contenu.
je sais qu'il existe des blockx (div ?) qui permettent, sans javascript,
de montrer/cacher un autre block contenu à l'intérieur de celui-ci.
c'est du genre inline on display, je ne me souviens +



display:none / display:block ou inline
Julien
Avatar
Une bévue
Le Tue, 13 Dec 2005 17:49:19 +0100, J.Trotoux a écrit :


display:none / display:block ou inline Julien



ouais c'est ça, merci !
--
Une bévue
Avatar
christophe C
Une bévue a écrit :
je ne fais du css dhtml qu'une fois tous les tremblements de terre...

et j'ai la mémoire courte...

je veux faire une page en php qui liste mon arborescence et je voudrais
qu'en cliquant sur un répertoire, l'utilisateur découvre son contenu.

je sais qu'il existe des blockx (div ?) qui permettent, sans javascript,
de montrer/cacher un autre block contenu à l'intérieur de celui-ci.

c'est du genre inline on display, je ne me souviens +

au cas où quelqu'un aurait des lumières...



un exemple :
http://css-astuces.batraciens.net/commentaires-survol1.htm

--
-> http://batraciens.net/ - "BATRACIENS" : Articles et photos sur
l'élevage et la maintenance des batraciens, aquatiques ou terrestres.
Petites annonces.
-> http://css-astuces.batraciens.net/ - "CSS-ASTUCES" : Trucs et astuces
de codage CSS pour enrichir vos pages Web.
-> http://www.priceminister.com/boutique/batra3 - Je vend mes livres SF
d'occasion.
Avatar
Une bévue
Le Wed, 14 Dec 2005 13:14:53 +0100, christophe C a écrit :

un exemple :
http://css-astuces.batraciens.net/commentaires-survol1.htm



ok, j'ai appris, grâce à cette enfilade ))
qu'il faut changer de display: none à display: inline
sous l'effet d'un mouseover (machin:hover)

ma structure est la suivante :

<ul>
<li>Un
<ul>
<li>Un-un</li>
...
</ul>
</li>
...
</ul>

et je voudrais que ce qui a dans <li>Un...</li> ne soit visible
qu'au survol de ce <li />
autrement dit que <ul><li /></ul> directement descendant d'un <li />:hover
soit display:inline et si pas de mouseover display: none.

--
Une bévue
Avatar
Une bévue
Le Wed, 14 Dec 2005 13:14:53 +0100, christophe C a écrit :

un exemple :
http://css-astuces.batraciens.net/commentaires-survol1.htm



bon, à partir de cet exemple, j'ai réalisé un essai :
<http://81.57.96.20/survol.html>
ce que je souhaiterais, en plus, c'est, au lieu d'avoir à l'écran :
lien1
lien2
aaaaaaaaa
quand survol de "lien1"

je voudrais que lien2 descende ainsi :
lien1
aaaaaaaaa
lien2

histoire de représenter le fait que "aaaaaaaaa" est le >> contenu << de
lien1...

--
Une bévue