[XHTML] menu sans frames

**manciaux** · 12/08/2007, 17h04

J'aimerais creer un menu sans frame (en XHTML + PHP) sans utilisée de frame. J'utilise donc 2 div avec différent id que je gere séparément mais j'aimerais pouvoir en fait ne faire qu'une page index avec tout et de ne pas devoir réécrire ou copier coller tout le graphique. En clair j'aimerais faire comme avec le target des frame donc un lien qui ne ferais changer que le id et pas le reste. Y a t'il moyen et si oui comment faire. Merci

**Madfrix** · 12/08/2007, 21h24

Bonjour

tu peux toujours utiliser le innerHTML pour recharger le contenu de ton div :

Code :

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

1
2
 
document.getElementById("ton_div").innerHTML = "contenu du nouveau div";

**francis m** · 13/08/2007, 01h16

tu crées une page menu.php

et dans ta page principale, par exemple la page index, tu fais un

Code :

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

include 'menu.php';

et tu fais de même dans chaque page.

Il est préférable d'avoir une page différente pour chaque sujet et ne pas tout gérer comme les frames dans la page index : cela nuit à l'unicité d'une page et au référencement

**manciaux** · 13/08/2007, 11h01

madfrix peux tu un peux mieux expliquer ton code car je ne le comprend pas (je ne connais pas ou tres peu javascript)
j'ai deja fait ca mais je prefere faire comme avec les frames si il y a moyen. pour le réferencement ce ne pas grave jmen fout un peux.
merci pour tout
manciaux

**Madfrix** · 13/08/2007, 11h32

Salut

ma méthode permet en fait de changer le contenu d'un div sans recharger tout le contenu de ma page (c'est ce que tu veux faire apparemment).

Seulement, si ce contenu est trop important, il vaut mieux passer par la méthode de francis qui est plus "propre".

Voici un exemple pour mieux que tu comprennes :

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
39
 
<html>
 
<head>
 
<style>
        #menu{position:absolute; top:200px; left:200px; width:200px; height:200px; border:solid black 1px;}
        #contenu{position:absolute; top:200px; left:600px; width:200px; height:200px; border:solid black 1px;}
        .cel{border:solid black 1px; text-align:center; cursor:hand;}
</style>
 
<script langage="JavaScript">
 
	function RefreshContenu(){
		document.getElementById("contenu").innerHTML = "ton code html du nouveau div";
	}
 
</script>
 
</head>
 
<body>
 
<div id="menu">
 
<table width="100%">
<tr><td onclick="RefreshContenu();" class="cel">Refresh</td></tr>
</table>
 
</div>
 
<div id="contenu">
contenu initial
</div>
 
 
</body>
 
</html>

Voilà j'espère que j'ai pas répondu hors sujet

**sharrascript** · 13/08/2007, 11h34

Bonjour,

Le code de Madfrix signifie que l'élément avec l'id "ton_div" aura le contenu html "contenu du nouveau div". Bien sur c'est du js et si tu a 50 pages le code js risque d'être encombrant, à moins d'utiliser ajax, qui peut être très pratique et pas hyper compliqué (enfin, si tu ne maitrisa pas js, un peu peut être^^). En plus si tu te fout du référencement, pas de pb, js pourra te convenir.

Sinon, le php peut être le bienvenu (je préfère^^).
Donc comme le dis francis, les inludes sont idéals.

crée une page haut.php avec ta barre de menu et tout le haut de ton site.
ensuite crée une partie bas qui contient le bas de ton site^^.

Et tu n'a plus qu'à créer des page avec contenu exemple:

Code :

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

1
2
3
4
5
6
7
<?php
include("haut.php");
?>
<div id='ton_div'> contenu exemple accueil</div>
<?php
include("bas.php");
?>

Bon je ne sais pas si j'ai été clair, mais j'ai essayé d'expliquer le plus simplement possible

++

**manciaux** · 14/08/2007, 20h54

merci pour tous la methode du php fonctionne vu que de plus je comptait l'utilisé à chaque page. encore merci.

[XHTML] menu sans frames

HTML

Discussions similaires

Partager

Partager