lien entre menu et page contenu DIV

**mrkinfo** · 26/03/2007, 23h49

salut a tous !

je suis débutant en css !!

j'ai créer une page html lié a un CSS dans laquelle j'ai créer 4 div

1- banniere
2- menu
3- contenu
4- pied de page

mon probleme est :

dans la partie MENU j'ai plusieurs lien vers plusieurs site externe et je veux les afficher dans la meme page c à d dans le DIV contenu chaque fois que je clique sur un lien

aparament ce n'est pas la meme chose que les FRAMES (target)

est ce que quelq'un peut m'aider

merci d'avance
voici le code CSS

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
26
27
28
div#bandeau {
	width:auto;
	height:120px;
	background-color:#FFFFFF;
 
	}
div#contenu {
	width:644px;
	height:400px;
	background-color:#FFFFCC;
 
 
	float:left;
	}
	div#menu {
	float:left;
	width:100px;
	height:400px;
	background-color:#FF6699;
	}
div#piedpage {
	width:644px;
	height:50px;
	background-color:#33FF99;
	clear:both;
	left: 109px;
	top: 502px;
	}

et le code 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
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="biblio.css">
<title>Bibliothéque </title>
<style type="text/css">
<!--
.Style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
}
.Style3 {color: #3366CC}
-->
</style>
</head>
 
<body>
<div id="bandeau">
  <div class="Style1" ><img src="../Projet pluri/logo miage.JPG" width="726" height="93" /><img src="../Projet pluri/images.jpg" width="105" height="76" border="0" /></div>
</div>
<div id="menu">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="http://abu.cnam.fr/cgi-bin/kwic3#contenu"><strong>Biblioth&eacute;que Universelle</strong></a></p>
 
</div>
 
<div id="contenu" >
 
  <div>Ceci est le contenu	</div>
</div>
<div id="piedpage">
  <div >Ceci est le pied de page</div>
</div>
</body>
</html>

**kaiser59** · 27/03/2007, 10h47

Salut,

A moins que je me trompe, mais cela m'étonnerai, c'est tout simplement impossible à faire, car il faudrait que tu rajoute au site externe ton bout de code et ne changer que le div contenu et vue qu'on n'a pas le contrôle d'un site extérieur (à moins que sa ne soit un autre site à toi

dans ce cas là c'est possible) donc pas faisable

++

**mrkinfo** · 27/03/2007, 13h43

salut a tous

comme keiser ma affirmé que c'est impossible est ce que quelqu'un peut me donner une solution

NB : j'arrive a le faire avec des FRAMES mais comme vous savez c'est pas conseillé

merci d'avance

**_Mac_** · 27/03/2007, 14h07

kaiser59 a raison, c'est pas possible sans frame. Ce que tu peux faire, c'est une bidouille JavaScript pour les liens faire les sites externes qui mets une iframe dans le div de corps de page pointant vers le site externe. A mon avis, c'est tout ce que tu peux faire. Pour faire ça, faut bricoler avec les innerHTML, mais y a des risques d'incompatibilités entre navigateurs.

**Macintoc** · 27/03/2007, 15h58

A vu de pif, je dirais qu'il suffit que tu charges la page avec une requète Ajax.

Tu inclus le corps des pages externe dans ta propre page (c'est à dire uniquement le contenu de la balise body), que tu inclus une partie du header (script et css externe) dans le tiens et que tu scan la page à la recherche de tous les liens cliquable (en dehors de la création d'un pop-up ou d'un onglet/fenêtre externe) que tu devra modifier pour que ceux-ci charge la page à travers un script Ajax sur ton serveur.

Mais bon, c'est un taff énorme pour pas grand-chose, finalement.

**mrkinfo** · 29/03/2007, 20h59

bonsoir a tous

merci a tous de vos conseils

et j'ai résolu ce problème avec un "iframe" que j'ai insérer dans DIV

meme si c'est déconseiller ca ma aider de passer a autre chose

merci les mecs

bon courage a tous

lien entre menu et page contenu DIV

CSS

Discussions similaires

Partager

Partager