Problème : redirection page web
Résolu
drye76
Messages postés
16
Statut
Membre
-
naruto-94 Messages postés 904 Statut Membre -
naruto-94 Messages postés 904 Statut Membre -
Bonjour, j'ai un oubli, pour faire simple, j'ai ma page web que j'ai divisé en 4 parties grâce au CSS : l'en-tête, le menu, le cadre conteneur, et le pied de page.
Je souhaite lorsque je clique sur une case de mon menu, je voudrais que la page en question s'affiche dans le cadre conteneur.
Voici un extrait de mon code :
<div id="menu">
<ul class="navigation">
<li><a href="./categorie/presentation.html" title="Aller à la page 1">Histoire</a></li>
<li class="toggleSubMenu"><span>Personnages</span>
<ul class="subMenu">
<li><a href="#" title="Aller à la page 2.1">Histoire</a></li>
<li><a href="#" title="Aller à la page 2.2">Lieu</a></li>
</ul>
</div>
<div id="corps">
Blablabla
</div>
Comment faire ??
Je souhaite lorsque je clique sur une case de mon menu, je voudrais que la page en question s'affiche dans le cadre conteneur.
Voici un extrait de mon code :
<div id="menu">
<ul class="navigation">
<li><a href="./categorie/presentation.html" title="Aller à la page 1">Histoire</a></li>
<li class="toggleSubMenu"><span>Personnages</span>
<ul class="subMenu">
<li><a href="#" title="Aller à la page 2.1">Histoire</a></li>
<li><a href="#" title="Aller à la page 2.2">Lieu</a></li>
</ul>
</div>
<div id="corps">
Blablabla
</div>
Comment faire ??
3 réponses
Pour faire simple tu peux utiliser du php ,
en un exemple :
le fichier index.php principal :
<div id="menu">
<ul class="navigation">
<li><a href="index.php?cat=presentation" title="Aller à la page 1">Histoire</a></li>
<li class="toggleSubMenu"><span>Personnages</span>
<ul class="subMenu">
<li><a href="index.php?cat=histoire" title="Aller à la page 2.1">Histoire</a></li>
<li><a href="index.php?cat=lieu" title="Aller à la page 2.2">Lieu</a></li>
</ul>
</div>
<div id="corps">
<?php
switch(htmlentities($_GET['cat']))
{
case 'presentation' :
require('presentation.php');
break;
case 'histoire' :
require('histoire.php');
break;
case : 'lieu' :
require('page_que_tu_appel_komtuveu_lieu.php');
break;
default :
echo 'blablabla';
}
</div>
et dans le fichier presentation.php , histoire.php etc.. tu mets ce que tu veux et il sera inclu dans la div corps .
en faite dans les lien on utilise une variable get ( ici elle s'apelle cat comme catégorie) , et on lui assigne une valeur pour chaque lien , donc quand tu cliqueras sur le lien que tu veux , selon la valeur de cat , le switch va choisir le bon fichier à inclure .
en un exemple :
le fichier index.php principal :
<div id="menu">
<ul class="navigation">
<li><a href="index.php?cat=presentation" title="Aller à la page 1">Histoire</a></li>
<li class="toggleSubMenu"><span>Personnages</span>
<ul class="subMenu">
<li><a href="index.php?cat=histoire" title="Aller à la page 2.1">Histoire</a></li>
<li><a href="index.php?cat=lieu" title="Aller à la page 2.2">Lieu</a></li>
</ul>
</div>
<div id="corps">
<?php
switch(htmlentities($_GET['cat']))
{
case 'presentation' :
require('presentation.php');
break;
case 'histoire' :
require('histoire.php');
break;
case : 'lieu' :
require('page_que_tu_appel_komtuveu_lieu.php');
break;
default :
echo 'blablabla';
}
</div>
et dans le fichier presentation.php , histoire.php etc.. tu mets ce que tu veux et il sera inclu dans la div corps .
en faite dans les lien on utilise une variable get ( ici elle s'apelle cat comme catégorie) , et on lui assigne une valeur pour chaque lien , donc quand tu cliqueras sur le lien que tu veux , selon la valeur de cat , le switch va choisir le bon fichier à inclure .
