div : menu et contenu

Version imprimable

22/10/2007, 20h26
ehben

div : menu et contenu
Bonsoir,

j'aimerai que les liens dans le menu (div "menu") génère les pages HTML correspondantes dans le "div" appelé "main".

Je ne vois pas comment le faire...c'est probablement qqchose de simple mais je n'ai pas trouvé la solution dans les FAQ

merci à qui m'aidera :D

code dans le fichier HTML :
Code:

1 2 3 4 5 6 7 8 9 10 <div id ="menu"> <p>MENU <ul> <li><a href="premier.html"> page 1</a></li> <li><a href="deuxième.html"> page 2</a></li> </ul> </p> </div>
div du main qui contient au départ le fichier "premier.html"
Code:

1 2 3 4 5 <div id ="main"> <p> <object type="text/html" data="premier.html" width="400" height="400" ></object> </p> </div>
22/10/2007, 23h55
jeje13009

slt,

ton post n'a rien a faire dans la partie CSS... ceci étant, ce que tu veux faire est réalisable en AJAX !
23/10/2007, 00h25
ehben

ok..suis pas trop chaud pour Ajax (pr le moment), c'est pas possible en php ? :roll:
...en parcourant les topics, à droite et à gauche, il faudrait apparement utiliser "iframes" (iframes -> php :/ ?)

slt,

oui en php c'est plus que jouable...

soit ta page index.php :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html> <head></head> <body> <div id ="menu"> <p>MENU <ul> <li><a href="?page=premier"> page 1</a></li> <li><a href="?page=deuxieme"> page 2</a></li> </ul> </p> </div> <div id ="main"> <p> <?php if($page) include($page.'.txt'); else include('premier.txt'); ?> </p> </div> </body> </html>
techniquement tu peux laisser tes pages premier.html et deuxieme.html avec l'extension "html", mais perso je pref mettre en txt ou n'importe quelle extension (php s'en fout donc tu peux inventer la tienne - ".ehben" par ex!)...

23/10/2007, 14h00
ehben

Salut,

ok, merci :) Je vais tester ça ce soir ;)

bon aprem
23/10/2007, 17h04
jeje13009

tiens moi au courant des que tu as tester
24/10/2007, 12h45
ehben
Slt,

j'ai fait comme tu as indiqué mais la page du main ne change pas (dans la barre des liens, le lien se transforme bien. C'est tjs la premiere page qui reste active...
Code:

1 2 3 http://127.0.0.1/test/?page=premier --> http://127.0.0.1/test/?page=deuxieme
24/10/2007, 18h33
jeje13009

slt,

tu testes en local ?? si le html peut se tester en local sans aucun prérequis, ce n'est pas le cas du php ! Php est un langage serveur, il te faut donc installer un serveur sur ton ordi => easyphp par exemple !
24/10/2007, 20h37
ehben

je teste avec wamps...
mais j'ai eu des problèmes pour essayer le serveur MySQl y a une semaine...(ptretre que le serveur ne fonctionne pas bien)

Bref,

je vais essayer avec easyPhP

edit : j'ai essayé et ça ne fonctionne tjs pas...il est indiqué :

Citation:

Notice: Undefined variable: page in C:\Program Files\EasyPHP 2.0b1\www\test\index.php on line 31

la ligne 31 est :

Code:

if($page) include($page.'.html');

slt,

remplace la partie php par :
Code:

1 2 3 4 <?php if(!isset($page)) include("premier.txt"); else include($page.".txt"); ?>

24/10/2007, 23h00
ehben

ok. Il n'affiche plus l'erreur mais la page deuxieme.html ne s'affiche pas quand je clique sur 'page2' dans le menu...
25/10/2007, 12h58
jeje13009

slt,

remets moi le code de tes 3 pages stp

Salut,

ok voici les 3 pages :
index.php

Code:

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
39
40
41
42
<?xml version="1.0" encoding="windows-1252"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Date de création: 13/10/2007 -->
<head>
<link rel="stylesheet" type="text/css" href="disposition.css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Disposition</title>
</head>
<body>
 
<div id ="title">
<p><span class="initcap">L'</span>émotion</p>
</div>
 
<div id ="menu">
<p>MENU	  
<ul>
 
  <li><a href="?page=premier"> page 1</a></li>
  <li><a href="?page=deuxieme"> page 2</a></li>
 
</ul>
</p>
</div>	
 
<div id ="main">
<p>
<?php
if(!isset($page)) include("premier.html");
else include($page.".html");
?>
</p>
 
<div id ="footer">
<p>FOOTER</p>
</div>
 
 
</body>
</html>

premier.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<!-- Date de création: 21/10/2007 -->
<head>
  <h1>Premier</h1>
</head>	
 
<body>
<p>	
Ceci est la page principale dans laquelle on a toute l'information.
</p>
</body>	
 
</html>

deuxieme.html

Code:

1
2
3
4
5
6
7
8
9
10
11
<html>
<!-- Date de création: 21/10/2007 -->
<head>
  <h1>Deuxieme</h1>
</head>
<body>
<p>	
Ceci est la 2eme page.
</p>
</body>
</html>