Comment afficher une page dans la section contenu

**ebelouet** · 21/07/2016, 17h16

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Christophe P.** · 21/07/2016, 17h21

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.

**ebelouet** · 21/07/2016, 17h27

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

**ebelouet** · 21/07/2016, 17h40

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Christophe P.** · 21/07/2016, 18h01

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.

**ebelouet** · 21/07/2016, 18h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href=# onclick="document.getElementById('contenu').innerHTML='page2.htm';">Lien 1</a>
 
    <a href="page2.htm">Lien 2</a>

Cordialement
Eric

**ebelouet** · 22/07/2016, 12h50

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