Afficher une page dans une DIV

Version imprimable

30/11/2006, 11h23
shako95

Afficher une page dans une DIV

Bonjour!

Je cherche à afficher le résultat de mes pages dans une div!
Ma page s'organise de la facon suivante:

1 div pour la baniere
1 div pour le menu
et 1 div pour afficher le contenu des pages!

Comment puis je faire pointer les hyperliens vers cette div <div id="contenu">
?

merci de votr aide :)
30/11/2006, 12h55
blueice

Code:

<a href="http://www.toto.com/tapage.html#contenu">Ta div</a>

Tout simplement.
30/11/2006, 15h19
shako95
Ok désolé.

Bon et bien cela ne fonctionne pas!
Voici mon code:
Code:

1 2 <div id="contenu"><br><br><br><br><br>ICI LE CONTENU</div> <div id="menu1"><a href="PABX.html#contenu"> PABX </a></div>
Voilà.
Donc en fait j'aimerai que lorsque je clique sur PABX, le contenu de la page PABX.html s'affiche dans mas div 'contenu'.

Merci de ta réponse.
30/11/2006, 15h59
blueice
Ouh là ! Rien à voir dans ce cas.
Si tu as PHP d'installé, le mieux est de faire un include de ta page à l'endroit où tu le souhaites.
Exemple :
Code:

1 2 <?php include('tapage.html') ?>
Pour la gestion du clic et de l'affichage, un événement JS onclick me semble approprié.
30/11/2006, 16h02
shako95

Excuses moi mais tu me parles un peu chinois lol.

Je suis à un faible niveau encore.
Pourrais tu être plus précis ?
Suis-je obilgé de passer par php ?

Merci.
30/11/2006, 16h26
blueice

Obligé non, mais c'est ce qu'il y a de plus propre, tu peux éventuellement utilisé les frames, mais c'est très mauvais surtout pour le référencement...

Pourquoi faut-il cliquer sur un lien pour faire apparaître le contenu ?

Il faudrait que tu sois plus précis, celà peut être fait avec un peu de JS et CSS
mais quel est le but ?
30/11/2006, 16h35
shako95

Oki je vais tâcher d'être plus précis.

Donc j'ai une div bannière, une div contenu (sous la banniere) et entre les 2, des div correspondant chacune à un lien (PABX, tel fixes, tel portables, etc..).
C'est un menu horizontal si tu préferes. Chaque div de ce menu est séparée pour une question d'estéthisme.
Donc je voudrai que en cliquant sur l'une de ces div, le lien vers la page de cette div s'affiche dans ma div contenu qui occupe la majeure partie de ma page!
Donc par exemple en cliquant sur le lien 'tel fixes', la liste des téléphones fixes contenues dans la page tel_fixes.html s'affiche dans la div contenu!

Voilà! j'espère avoir été à peu près clair lol.

Merci de prendre le temps de m'aider c'est sympa.

Pourquoi ne pas faire une page par catégorie ?
Tu cherches la complication.
Tu n'as que le contenu qui change...
Maintenant si tu as des centaines de pages, il faudra partir sur un système de template, mais sinon c'est assez simple à gérer...
Exemple à l'arrache :

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
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Untitled</title>
	<style type="text/css" title="text/css">
/* <![CDATA[ */
#bandeau { background-color:gray; width:750px; height:50px;}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#contenu {background-color:lightgray; width:710px; padding:20px;}
/* ]]> */
</style>
</head>
<body>
<div id="bandeau">LE BANDEAU</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
</ul>
</div>
<div id="contenu">
		<p> Dimension Internet couvre tous les domaines des arts graphiques.</p>
        <p>De nombreuses entreprises font appel à nos compétences et notre savoir-faire.</p>
        <p>La combinaison de techniques traditionnelles et nouvelles est notre point fort.</p>
        <p>Vous êtes chef d'entreprise et trouverez auprès de Dimension Internet les meilleurs services de communication.</p>
        <p>Nous vous proposons nos compétences dans les domaines suivants :<br />
        Prépresse, impression, traitement d'images, développement de sites Internet aux normes et bien d'autres applications.</p>
        <p>Je me tiendrai personnellement à votre disposition pour vous conseiller.</p>
</div>
</body>
</html>

01/12/2006, 09h57
shako95

Ouep tu as raison je me complique la vie lol.
Merci de ton aide, je vais reprendre des morceaux de ton code, ca ira très bien pour ce que je veux faire!

Merci encore de m'avoir consacré de ton temps Blue Ice !