Afficher une page après le menu

Version imprimable

09/03/2006, 10h11
Samanta

Afficher une page après le menu

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
09/03/2006, 10h21
Samanta

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

Merci
09/03/2006, 17h57
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:

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:

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

Et si tu dois aller chercher les infos vers le serveur, utilise Ajax (XmlHttpRequest) !!! :wink:
10/03/2006, 09h31
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??
10/03/2006, 09h59
denisC

Citation:

Envoyé par Samanta

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.

Voilà ce que g mis:

Code:

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:

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

Mais ça m'a effacé le menu.

10/03/2006, 11h24
Samanta

Personne ne peut m'aider ??? :arf: :cry:
13/03/2006, 14h40
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:

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
13/03/2006, 14h53
Samanta

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