[XHTML] menu sans frames

Version imprimable

12/08/2007, 16h04
manciaux

[XHTML] menu sans frames

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
12/08/2007, 20h24
Madfrix
Bonjour

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

1 2 document.getElementById("ton_div").innerHTML = "contenu du nouveau div";
13/08/2007, 00h16
francis m

tu crées une page menu.php

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

Code:

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
13/08/2007, 10h01
manciaux

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

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:

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 :?

13/08/2007, 10h34
sharrascript
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:

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 :)

++
14/08/2007, 19h54
manciaux

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