Comment afficher une page dans la section contenu

Version imprimable

bonjour

En fait, j ai fais un menu, et si je fais un lien web sur une page celle ci est ouverte dans une autre page et pas dans la section contenu.

Donc je cherche comment à partir du code ci dessous ouvrir un document dans la section contenu.

Cordialement
Eric
Code:

1 2 3 4 5 6 7 <ul id="navigation"> <li><a href="#" title="aller à la section 1">item1</a></li> <li><a href="#" title="aller à la section 2">item2</a></li> <li><a href="#" title="aller à la section 3">item3</a></li> <li><a href="#" title="aller à la section 4">item4</a></li> <li><a href="#" title="aller à la section 5">item5</a></li> </ul>

21/07/2016, 17h21
Christophe P.

Bonjour,

il existe une balise CODE (bouton #) pour présenter le code.
Je ne suis pas sûr d'avoir bien compris mais je pense que ce que vous cherchez à utiliser est une ancre.
21/07/2016, 17h27
ebelouet

bonjour,

Merci pour l info, mais j ai essaillé de mettre des ancres dans la section contenu mais cela la marche pas, car en faite je voudrais afficher differentes pages dans ma section contenu et je ne trouve pas d exemples pour cela.

Eric

voici mon code d exemple et pour l ancre, je me deplace en bas mais le texte du dessus n est pas effacé.

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Positionnement CSS</title>
</head>
<body>
	<div id="bandeau">Ceci est le bandeau</div>
	<div id="menu"><a><p>Ceci est le menu</a></p>
        <ul id="navigation">
  <li><a href="#milieu" title="ancre">ancre</a></li>
  <li><a href="page2.htm#eric" title="lien html">lien html</a></li>
  <li><a href="#" title="aller à la section 3">item3</a></li>
  <li><a href="#" title="aller à la section 4">item4</a></li>
  <li><a href="#" title="aller à la section 5">item5</a></li>
</ul>	
       </div>
 
        <div id="contenu">Ceci est le contenu
	<p>essai</p>
	<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
	<a id="milieu">Vous êtes au milieur !</a>
 
	<p>milieun</p>
 
	</div>
	<div id="pied_page">Ceci est le pied de page</div>
</body>
</html>

21/07/2016, 18h01
Christophe P.

Je crois qu'une réponse se trouve ici : inserer fichier html dans balise div

Une ancre n'efface pas de contenu, elle déplace simplement la page (comme en utilisant l'ascenseur).
J'ai l'impression que vous avez besoin de revoir les bases du HTML et que vous voulez simplement naviguer entre plusieurs pages. Pouvez-vous donner un exemple de site qui fait ce que vous souhaitez ?

Plus d'infos sur AJAX.

Et il est plus agréable de lire un message dont le code est entre des balises CODE.
21/07/2016, 18h58
ebelouet
merci

la premiere ligne affiche bien page2.htm dans ma section contenu, mais moi je voudrais que ce soit le contenu de la page qui s affiche comme la ligne suivante mais dans le cadre contenu ?
Code:

1 2 3 <a href=# onclick="document.getElementById('contenu').innerHTML='page2.htm';">Lien 1</a> <a href="page2.htm">Lien 2</a>
Cordialement
Eric
22/07/2016, 12h50
ebelouet

bonjour,

Je viens de trouver la solution, il faut que toute les pages soit les memes et seulement changer la section contenu pour chaque page.

Merci de votre aide.

Cordialement
E belouet
23/07/2016, 09h00
NoSmoking

Bonjour,

Citation:

...et seulement changer la section contenu pour chaque page.

et c'est là qu'intervient l'utilisation d'Ajax comme rappelé par Christophe P. ;)