lien qui cible un cadre

Version imprimable

07/06/2006, 10h09
BernardT

lien qui cible un cadre

Bonjour.

J ai donc ma page css avec un <div class="menu"> et un <div class="contenu">
Et j aimerais que les liens du menu fassent apparaitre leur contenu dans la div contenu..
Dois je proceder avec un target= ... ou autre chose.

merci
07/06/2006, 10h27
speedev

Solution Ajax?

Haaaa pour charger dynamiquement le contenu d'un DIV moi je passe par AJAX.
Je spécifie des ID pour mes divs du genre

<div class="menu" id="id_menu">
<a href="javascript:charge_div('menu1')">menu 1 </a>
</div>
<div class="contenu" id="id_contenu"></div>

La fonction charge_div() javascript fonctionne avec la fonction XHRConnection(), une procédure AJAX.
http://xhrconnection.sutekidane.net/
Et tu auras une tonne de sources sur le forum javascript de developpez.com.

Il y a d'autre solution mais je trouve que celle-ci est très efficace notamment si ton menu est stocké en base de donnée.:)

Tu pe le faire en PHP :

Ce code est à mettre dans ton contenu :

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
 
<?php
//Ceci permet de récupérer le nom après le index.php?page=
if (!isset($_GET['page'])) $nompage= 'accueil'; else $nompage= $_GET['page'];
//Selon la variable ouvrir le fichier ...
switch($nompage)
{
case 'accueil': include ('accueil.html');break;
case 'articles': include ('articles.html');break;
case 'citations':include ('citations.html');break;
case 'conference':include ('conference.html');break;
case 'communiques':include ('communiques.html');break;
case 'contact':include ('contact.html');break;
case 'cooperation':include ('cooperation.html');break;
case 'cooperationES':include ('cooperationES.html');break;
case 'cv':include ('cv.html');break;
case 'encadrement':include ('encadrement.html');break;
case 'enseignement':include ('enseignement.html');break;
case 'liens':include ('liens.html');break;
case 'lieux':include ('lieux.html');break;
case 'livres':include ('livres.html');break;
case 'service':include ('service.html');break;
case 'themes':include ('themes.html');break;
case 'ICL08lyon':include ('ICL08lyon.html');break;
default : include ('accueil.html');
}

Et ton ton menu tes liens doivent être du type :

Code:

1
2
3
4
5
 
<a href="index.php?page=accueil"></a>
<a href="index.php?page=articles"></a>
<a href="index.php?page=citations"></a>
etc...

Gailup.

07/06/2006, 10h34
BernardT

reformulation

Desole tout le monde,

Je me suis peut etre mal exprime... reformulons.

Une page: 2 div, une contenu, une menu

Jai donc un menu dans une div class="menu", et lorsqu un utilisateur clique sur un des liens de ce menu; il faudrait qu au lieu que la page cible s affiche dans une autre fenetre, je voudrais qu elle s affiche dans ma div class="contenu"
07/06/2006, 10h37
BernardT

merci

oui en fait je connais cette methode mais il n y en a pas une comme mettre un du genre target="class(contenu)" dans les balises <a ...
07/06/2006, 10h37
gailup

Le code de ma première réponse réponde à ta question.

Mon site web est comme toi et j'utilise le PHP pour le faire et ca marche très bien.

Gailup.
07/06/2006, 10h38
speedev

Relis

Ouais j'ai compris personnellement lol, ce que je te propose est une solution.
La solution php de gailup par contre va recharger ta page.
Moi je te propose AJAX qui rechargera ton div uniquement, sans aucun rechargement de page. Mais faut toucher un peu en javascript 8-)
07/06/2006, 10h41
speedev

non

Citation:

Envoyé par BernardT

oui en fait je connais cette methode mais il n y en a pas une comme mettre un du genre target="class(contenu)" dans les balises <a ...

Non pas moyen de faire cela.
Ou bien tu optes pour une solution PHP qui rechargera ta page et donc tout le contenu de ta page comme il te plaira (en ne changeant que le contenu de ton div pour faire comme si il s'était chargé).
Ou bien tu tentes AJAX...(pas si compliqué que ça)