Lien de menu dans un div precis

**liily34** · 31/05/2007, 20h56

(re) Bonjour

Je voudrais savoir quelles codes (méthodes) il faut utiliser pour faire les liens d'un menu situé sur une image de facon a ce que la nouvelle page s'ouvre dans un div precis !

voici l'exemple je veux que les liens de mon menu souvrent dans le cadre a droite : http://thierryamielweb.free.fr/elemweb/essai2.html

Je sais qu'il y a la possibilité de reprendre le "squelette" de mise en page de cette page et de la remettre dans tout les autres pages en changeant le contenu du div en question mais cette méthode fait recharger toute la fenetre entière etant donné que mon image de design est assez grande je voudrais eviter cela pour la longueur du chargement de la page des visiteurs qui n'ont pas l'adsl...

Existe il un code comme pour les frames qui marchent ici avec les divs svp ??
Sachant que j'utilisais quelque chose de ce style quand je me servais des frames

Codé html

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
21
22
23
24
25
<map name="ma_map" id="id_map">
<area shape="rect" coords="298,474,444,489"
 href="http://www.elem-web.fr/css/home2.html" target="I1"
 alt="HOME">
<area shape="rect" coords="298,498,444,510"
 href="http://www.elem-web.fr/css/laurent2.html" target="I1"
 alt="ELEM">
<area shape="rect" coords="298,523,444,537"
 href="http://www.elem-web.fr/css/media2.html" target="I1"
 alt="MEDIA">
<area shape="rect" coords="299,547,443,561"
 href="http://www.elem-web.fr/css/galerie2.html" target="I1"
 alt="GALERIE">
<area shape="rect" coords="299,571,443,585"
 href="http://elem-web.zikforum.com/" alt="vers forum">
<area shape="rect" coords="299,595,443,609"
 href="http://www.elem-web.fr/css/site2.html" target="I1"
 alt="SITE">
<area shape="rect" coords="299,618,443,632"
 href="http://www.elem-web.fr/css/www2.html" target="I1"
 alt="WWW">
<area shape="rect" coords="261,651,439,734"
 href="http://www.elem-web.fr/radioblog/index.htm"
 alt="RADIO BLOG">
</map>

J'ai essayer d'appliquer cela maintenant avec les divs mais mes pages s'ouvrent dans de nouvelles fenetres ! Ce code pourrait il marcher en faisant target= ???

Ou si il le faut je peux refaire un cadre div pour le menu pour éliminer ces coordonnées mais dans ce cas comment faire pour que les liens s'ouvrent quand meme dans le cadre a droite???

**kaiser59** · 31/05/2007, 21h32

Salut,

Les div ne sont pas des frames pour cela tu dois réécrire le code de ta page en ne changeant que le div que tu souhaites modifier.

++

**muad'dib** · 31/05/2007, 21h34

A ta place j'utiliserais plutôt une iframe pour ton cadre de droite.

Si vraiment tu veux utiliser un div tu peux utiliser la méthode innerHTML pour en modifier le contenu selon ton souhait.

**Strix** · 01/06/2007, 09h16

Salut liily34 !!!

Bon on reprend.
Pour créer une nouvelle page, tu reprends TOUT ton code de ta page d'essai qui fonctionne, et tu ne changes QUE ce qui se trouve dans ta div #home (si ma mémoire est bonne). Avec ta page d'essai, tu as tout calé, donc ne t'embêtes pas avec des frames (ou Iframe), tu as fait le plus dur !!!

Exemple avec media2.html : tu colles :

Code :

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

1
2
3
h1>- MEDIA -</h1>
[...]
<a style="font-family: Visitor -BRK-;" href="http://www.elem-web.fr/css/home2.html"><small>Back</small></a></small><br>

dans ta div #home de essai2.html et tu enregistres sous !

OU ALORS

dans ton fichier media2.html tu colles ça avant <h1>- MEDIA -</h1> :

Code :

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

1
2
3
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
[...]
<div id="home">

et ça après <a style="font-family: Visitor -BRK-;[...]<br> :

Code :

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

1
2
3
4
</div>
</div>
</body>
</html>

et tu enregistres.

Suis-je clair ?

**liily34** · 02/06/2007, 23h54

Oui tres clair merci encore

Lien de menu dans un div precis

CSS

Discussions similaires

Partager

Partager