[AJAX] LIEN CONTENU DANS MON DIV

Version imprimable

Bonjour,

j'ai une page delimite en div haut, div contenu et div footer. J'aimerais lorsque je clique sur un lien que son contenu reste dans mon div contenu

voici mon css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
div#menus {
	width:800px;
	height:50px;
	background-color:#B9B6BC;
	vertical-align: middle;
	}
div#contenu {
	width:800px;
	height:;
	background-color:#0ff00F;
	}
div#footer {
	width:800px;
	height:50px;
	background-color:#BFCFFE;
	}

voici le code dela page en question

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<html>
<head>
<title>mon test</title>
<link REL="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div>
<div id="menus"><a href="item01.php" target="contenu">Item 01</a>|<a href="item02.php" target="contenu">Item 02</a>|<a href="item03.php" target="contenu">Item 03</a></div>
<div id="contenu">-------------contenu---------------------</div>
<div id="footer">----------------foot--------------------</div>
</div>
</body>
</html>

02/06/2010, 16h39
devyan

Bonjour,

Mauvais forum :aie:

Puisque dans ton exemple tu donnes des urls de lien vers des pages Php, c'est plutôt du côté de ce forum qu'il faut aller ;)

Le CSS ne permet pas de définir le contenu "physique" de ta page mais son apparence

Y.
03/06/2010, 16h20
s.n.a.f.u

Bonjour,

Plusieurs solutions :
- La plus simple : tu gères un template via php que tu aliment en fonctino de la page visée
- AJAX
03/06/2010, 17h31
lordlifen

Citation:

Envoyé par s.n.a.f.u

Bonjour,

Plusieurs solutions :
- La plus simple : tu gères un template via php que tu aliment en fonctino de la page visée
- AJAX

un bout de code pour commencer plz

Je vois que la discussion à été déplacée en "ajax" assez vite.
Dans un premier temps, ce n'est pourtant pas ce que je préconiserais pour les premières armes.

Le système de template : en fonction d'un paramètre fixé dans l'url et récupéré par GET, le contenu de la page affichée change
Code:

1 2 3 4 5 6 7 8 9 10 <?php $tpl = '<div id="content">%s</div>'; $param = $_GET['param']; if ($param == 'acceuil') $content = '<p>Accueil</p>'; if ($param == 'autre') $content == '<p>Autre</p>'; exit( printf($tpl, $content) );

04/06/2010, 10h16
E.Bzz

Bonjour,

Citation:

Envoyé par s.n.a.f.u

Dans un premier temps, ce n'est pourtant pas ce que je préconiserais pour les premières armes.

bien que je déconseille cette solution, pour être exhaustif, il faut aussi signaler la possibilité d'utiliser les iframes dans un tel cas :calim2:

A+
04/06/2010, 10h19
s.n.a.f.u

Citation:

Envoyé par E.Bzz

Bonjour,
bien que je déconseille cette solution, pour être exhaustif, il faut aussi signaler la possibilité d'utiliser les iframes dans un tel cas :calim2:

A+

C'est vrai, et un de nos collègues modérateur dont je ne me rappelle plus le pseudo l'avait très bien dit : "il y a toujours moyen de faire plus dégueulasse"
:D
04/06/2010, 10h24
E.Bzz

Citation:

Envoyé par s.n.a.f.u

"il y a toujours moyen de faire plus dégueulasse"
:D

Quand on veut, on peut :mouarf:

A+