Discussion :

[Samanta]

Salut à tous,

J'ai créé un document HTML et je voudrais que lorsque je clique sur un menu, j'ai de nouvelles informations qui vont s'afficher au bas du menu. Y aurait-il une manière de le faire en Javascipt? j'ai pu trouver une solution en HTML qui consiste à créer des iframe mais je voudrais le faire en Javascript.

Merci d'avance pour votre aide

[Samanta]

Auriez-vous des exples d'applications de la propriété target définie ici ?

Merci

[danyboy85]

ca dépend ce que tu veux faire.

Si les informations qui doivent s'afficher au bas du menu sont "statiques" (en gros qi tu n'a pas besion de retourner vers le serveur pour aller chercher les infos), il y a un moyen tout simple :

mets tes infos dans un div caché.

Code :

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

1
2
3
4
5
6
TonMenu
...
<div id="tonDiv" style="display:none">
Tes infos
...
</div>

Et sur l'événement onCLick de ton menu, tu fais :

Code :

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

document.getElementById('tonDiv').style.display="inline";

Et si tu dois aller chercher les infos vers le serveur, utilise Ajax (XmlHttpRequest) !!!

[Samanta]

Salut,

La solution que tu m'as donnée ne fait pas afficher les info en bas du menu mais affiche une nouvelle page qui remplace la page principale. Merci qd même

D'autres propositions??

[denisC]

La solution que tu m'as donnée ne fait pas afficher les info en bas du menu mais affiche une nouvelle page qui remplace la page principale. Merci qd même

Non, pas du tout, je confirme que les solutions de danyboy85 sont bien les bonnes solutions. En tout cas les solutions actuellement préconisées.

[Samanta]

Voilà ce que g mis:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<div id="menu">		
    <dl>			
          <dt onmouseover="javascript:montre('smenu1');">Menu1</dt>
	<dd id="smenu1">
	      <ul><table border=0 bgcolor="#F0F8FF" >   
                              <tr><td><li><a href="sousmenu1.html"  
                               onClick="document.getElementById('menu').style.display="inline"">Sousmenu1</a></li></td></tr></table>
                      </ul>
                </dd>
    </dl>	
etc

Donc comme je le disais, ça m'affiche une nouvelle page.

J'ai fait également ceci:

Code :

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

1
2
3
4
5
6
7
 
TonMenu 
... 
<div id="tonDiv" style="display:none"> 
Tes infos 
... 
</div>

Mais ça m'a effacé le menu.

[Samanta]

Personne ne peut m'aider ???

[danyboy85]

Ne fais pas un copier coller tout bête du code que je donne mais essaye plutot de réfléchir à ce que fais réellement le code. Mais puique ca a l'air de te faire du mal, voici un code maginfique à copier/coller !

Code :

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

1
2
3
4
5
6
7
<div id="menu" onclick="document.getElementById('tonDiv').style.display='inline'">
menu
</div>
 
<div id="tonDiv" style="display:none">
infos
</div>

Tu cliques sur "menu" et "infos" s'affiche SUR LA MEME PAGE

[Samanta]

Tu arrives un peu tard, g déjà réfléchi et trouvé la solution, mais c gentil qd même