Dans div_1, ouvrir page dans div_2

[malabarbe]

Bonjour,

Tout est dans le sujet.

Un coup de main SVP.

Bonne Journée.

[Torgar]

Bonjour,

Tout est dans la réponse.

Un petit bout de code SVP (ou un peu plus d'explications le cas échéant).

Bonne journée.

PS: c'est de l'humour, je le précise avant de lâcher les chiens (de fusil)

[malabarbe]

Bonjour Torgar,

J'ai 2 Div's un a gauche et un a droite.

Dans le Div de gauche, j'ai un lien pour ouvrir une page.

Je voudrais que ce lien s'ouvre dans la Div de droite.

Je crois avoir bien résumé.

A vous lire.

[thelvin]

Un div ne peut pas contenir une page HTML, un div est contenu dans la page HTML en cours.

Deux possibilités :
#1 - Mettre une iframe dans le div 2, et faire que le lien dans div 1 ait un target qui est le nom de la iframe. Mais la iframe a une taille fixe, elle ne grandira pas avec son contenu. Il faut donc lui donner une taille adaptée dès le départ, sans trop savoir ce qu'elle va contenir.

#2 - Faire un appel AJAX pour lire le contenu de l'URL voulue et l'insérer dans le div 2. Mais l'URL va renvoyer toute une page HTML, alors qu'on ne veut insérer que ce qu'il y a dans le body de cette page (ou moins que ça.) Il faut donc raisonner comme ça en programmant la chose.

[Torgar]

Alors soit tu passes par des iframes (une recherche dans ce forum te donnera largement des réponses) soit tu passes par un include() en PHP que tu peux combiner à de l'Ajax si tu souhaites apporter un coté dynamique à ton site.

[malabarbe]

Ok, merci pour vos réponses.

J'ais un site avec 3 frames
- La 1 - A gauche verticale 20% = le menu
- La 2 - En haut a droite Horizontale 20% = le bandeau
- La 3 - En bas a droite 80% = ou j'affiche mes pages.

J'ai fait la m^eme chose avec 3 Div's d'ou problèmes.

La solution ne serait t'elle pas de faire pareil
avec 3 Iframes ?

Merci pour vos conseils.

A vous lire.

[Torgar]

Et est-ce que tu peux/veux utiliser du PHP ? car tu sembles porté uniquement sur l'HTML.

[malabarbe]

Bien au contraire, j'adore le PHP.

[Torgar]

Plusieurs solutions s'offrent à toi :

1. 3 includes PHP, une pour chaque div. Le changement de page se fait par un clic et un refresh de la page.
2. 1 include mais avec de l'ajax. Le changement de page se fait par un clic mais pas de refresh. Obligation d'avoir le javascript d'activé sur le navigateur client.
3. 3 iframes, une pour chaque div. Mais je déconseillerai cette méthode qui, aux dernières nouvelles, ne sont pas très pratique pour le référencement des pages. Je connais mal le comportement des iframes multiples et des interactions que l'on peut faire avec, n'en ayant jamais vraiment utilisé.

Je ne peux pas tester le point 3 par manque de temps. Donc si quelqu'un de plus éclairé peut apporter sa contribution ?


Après tout dépend des tes attentes.

[malabarbe]

Ok Togar,

3 includes PHP, une pour chaque div.

Ok pour les trois includes et que doivent t'ils contenir ?

Ou les placer dans ma page d'appel ?

A vous lire.

[Torgar]

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
// Je sais pas si tu as déjà du code PHP dans ta page index.php (ou quelque soit son nom)
?>
<div id="menu"><?php include('menu.html'); ?></div>
<div id="bandeau"><?php include('bandeau.html'); ?></div>
<div id="contenu">
<?php
if (!empty($_GET['page'])) {
    if (file_exists($_GET['page'])) {
        include($_GET['page'] . '.html');
    }
    else {
        include('contenu_par_defaut.html');
    }
}
?>
</div>

Après c'est difficile d'en faire plus sans le reste de ta page, mais, tu as au moins le principe de chargement des fichiers.