Charger une nouvelle page dans un Div

Bonjour,

Je suis en train de faire un page web en php,html, css et mysql par la suite.
Voici un bout de code de ma page principale :

Code:

---

1 2 3 4 5 6 7 8 9 10

<div id="menu"> <? @include("menu.html"); ?> </div> <div id="corps"> <? @include("corps.html"); ?> </div>

---

j'aimerai savoir comment peut-on faire pour changer la page corps.html à partir d'un choix (un lien) dans le menu (menu.html).
Voici un exemple de mon menu :

Code:

---

1 2 3 4

<ul> <li><a href="PRODUCTION/reproduction.html" target="index">Reproduction CD</a></li> <li><a href="PRODUCTION/prodrenouvellement.html" target="index">Production renouvellement</a></li> </ul>

---

Est-ce déjà possible ? Ou est-ce la mauvaise méthode que je suis en train de faire ?

Merci.

Salut,

Alors, on est bien d'accord que la page contenant tes div et une page .php de là il serait possible de faire un truc dans ce goût là

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

<div id="menu"> <? include("menu.html"); ?> </div> <div id="corps"> <? if(isset($_GET["choix"]) && $_GET["choix"] != '') { switch($_GET["choix"]) { case 1 : include("corps.html"); break; case 2 : include("corps2.html"); break; ....................... ....................... default : include("corps.html"); } } else { include("pagepardefaut.html"); } ?> </div>

---

pour ce qui est du menu :

Code:

---

1 2 3

<li><a href="PRODUCTION/reproduction.php?choix=1" target="_self">Reproduction CD</a></li> <li><a href="PRODUCTION/prodrenouvellement.php?choix=2" target="_self">Production renouvellement</a></li>

---

donc en gros tu défini une variable de sélection que tu va récupérer dans ta page principale. Cette variable va te permettre de choisir qu'elle page inclure dans le corps de ta page "mère" en fonction de la navigation.

Merci, je vais tester ceci cette après midi.

Merci.

La méthode fonctionne, mais pas comme je le souhaite.
Quand je clique sur le lien de mon menu, la page sélectionné se charge bien, mais la page se charge, mais mon menu disparait du coup.

En fait, ce que je souhaite, c'est que la page que je sélectionne dans le menu, se charge dans ma DIV corp et non dans une nouvelle page.

Est-ce que je dois faire plutôt des frames dans mon index.php ?

Salut,
tu peux utiliser les frame mais en faite je me suis plante dans le code du <a>
il faut en faite dans ton menu au niveau de tes <a></a> indiquer le lien vers ta page principale (index ?) avec le paramètre choix comme ceci index.php?choix=1

c'est pour ça en faite que ton menu disparaissait c'est par ce que dans mon exemple tu appel directement la page hoisi et non la page principale avec la page à afficher.

Ça fonctionne effectivement.

Merci. :ccool:

Par contre, une fois que l'on est dans la page de la partie "corps", chaque nouveau lien est ouvert dans une nouvelle fenêtre et non dans la même avec le menu toujours disponible.

Vérifie que tu n'as pas mis un target="_blank"
sinon pourrais tu mettre ton nouveau code pour vérifier un peu :P

Dans le menu :

Code:

---

1 2 3 4 5 6

<div id="menu"> <ul> <li><a href="index.php?page=1" target="_self">Reproduction CD</a></li> <li><a href="index.php?page=2" target="_self">Production renouvellement</a></li> </ul>

---

Dans le corps.php :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<div id="corps"> <? if(isset($_GET["page"]) && $_GET["page"] != '') { switch($_GET["page"]) { case 1 : @include("page1.php"); break; case 2 : @include("PRODUCTION/prodrenouvellement.html"); break; case 3 : @include("page2.php"); break; default : include("transmission_logiciel.html"); } } else { include("transmission_logiciel.html"); } ?> </div>

---

Par exemple, si je clique dans le menu pour aller à la page2.php, tout va bien.
Après une fois que suis sur cette page et que je dois clique après sur un autre lien, là, c'est une nouvelle page qui s'ouvre mais dans une nouvelle page et le menu disparait.

J'ai mis ça en lien dans cette page :

Code:

---

<a href="PUBLIC/LOGICIEL/PC/choixsantepc.html" target="_self">

---

Salut,

J'aurai pourtant dit que le target="_self" été le comportement par défaut.
Au pire, tenter doubler avec sur le onclick un window.location.replace (mais au pire... :aie:) et encore pas dit que cela fonctionne, si le comportement par défaut fonctionne bizarrement... (+ accessibilité en cas de désactivation du JS) :?

Citation:

---

Envoyé par HiRoN

Salut,

J'aurai pourtant dit que le target="_self" été le comportement par défaut.
Au pire, tenter doubler avec sur le onclick un window.location.replace (mais au pire... :aie:) et encore pas dit que cela fonctionne, si le comportement par défaut fonctionne bizarrement... (+ accessibilité en cas de désactivation du JS) :?

---

Je vais tester demain avec un onclick un window.location.replace, sachant que c'est aussi pour un usage interne et qui sera consultable que depuis Safari, voir Firefox sous Mac OS X.
Je te tiens au courant. ;)

Citation:

---

Par exemple, si je clique dans le menu pour aller à la page2.php, tout va bien.
Après une fois que suis sur cette page et que je dois clique après sur un autre lien, là, c'est une nouvelle page qui s'ouvre mais dans une nouvelle page et le menu disparait.

J'ai mis ça en lien dans cette page :
Code :

<a href="PUBLIC/LOGICIEL/PC/choixsantepc.html" target="_self">

---

Salut,
Si j'ai bien compris en fait c'est normal. Je m'explique, ton <a href="PUBLIC/LOGICIEL/PC/choixsantepc.html" target="_self"> va ouvrir la page dans la page appelante "suite au _self"
donc en gros si en cliquant sur ce lien tu souhaite tout de même garder l'affichage avec le menu il va falloir modifier ton code
<a href="index.php?page=4" target="_self"> et dans ton index tu ajoute au switch l'insertion de cette page.

Ok. Mais ça va faire un peu lourd tous ça non ? Je vois pas mettre tous mes liens dans le switch de l'index, je vais avoir un switch avec 50 case ???
Il n'y a pas plus simple (à part iframe) ?

oui tu risque d'avoir 50 ligne pour un switch :p mais c'est l'un des risque.
après comme tu l'as dis tu à les frame, ou l'ajax ou l'utilisation d'un template ou tu procède la façon inverse tu inclus ton menu dans caque page.

L'idée des templates, me semble pas mal, je connais le principe, mais j'en est jamais fait. Auriez-vous des exemples ?

malheureusement pas sous la main actuellement.