Discussion :

[nikicaillou]

Bonjour,

Je ne sais pas si mon problème est avec mon code html ou avec les css. Je veux que lorsqu'un usager choisi un choix dans un menu un bloc/div soit invisible et l'autre visible lors d'un clic. Mes boites/div sont configuré dans un css.


Merci beaucoup.

[SpaceFrog]

cf dans la FAQ il suffit de modifier dynamiquement le style ...
soit display: none / visible
soit visibility: hidden / visible
soit modifier le className

[nikicaillou]

Oui ça j'avais deviné mais je ne sais pas comment.

Lorsque je fais du code pour le Onclic, ça ne fonctionne pas.

Pouvez-vous me donner une piste ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<script type='text/javascript'>
function hide(obj){
        obj.style.visibility='hidden'
        }
</script>
 
 
.../...
 
<input type="button" onclick='hide(this)' value='bye' />

[nikicaillou]

Merci.

[nikicaillou]

Ça fonctionne avec un bouton mais j'aimerais avoir une apparence de liste car c'est un menu et tout dépend se que l'on choisi la boîte correspondante s'affiche.

Désolé de poser des questions aussi simple.

[SpaceFrog]

sur le onchange du select ...

[nikicaillou]

Ce n'est pas une liste déroulante mais une liste.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id="boitemenuinfo">
	<p align=center>Information sur l'Inde</p>
	<ul id="menu"> 
	<li>Artisanat</li>
    <li>Castes</li>
    <li><select name="Conseils" type="button" id="Conseils" onclick="affCacheHidden('boiteblog');" value="Conseils"/></li>
    <li>Cuisine</li>
	<li>Langues</li>
    <li>Lessive</li>
    <li>Maladie et vaccins</li>
    <li>Types de toilette</li>
    <li>Quelques mots en Hindi</li>
    <li>Religion</li>
    <li>Secteur</li>
    <li>Temp&eacute;rature</li>
    <li>Type de transport</li>
    <li>Trousse de premiers soins</li>
	</ul>
</div>

[SpaceFrog]

he bien tu mets juste le onclick ... et éventuellement un style cursor ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<li onclick="affCacheHidden('boiteblog');" style="cursor:pointer;">Conseil</li>

[nikicaillou]

Un gros merci