Afficher une page dans une DIV

**shako95** · 30/11/2006, 11h23

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

**blueice** · 30/11/2006, 12h55

Code html :

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

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

Tout simplement.

**shako95** · 30/11/2006, 15h19

Ok désolé.

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

Code HTML :

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

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.

**blueice** · 30/11/2006, 15h59

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 :

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

1
2
 
<?php include('tapage.html') ?>

Pour la gestion du clic et de l'affichage, un événement JS onclick me semble approprié.

**shako95** · 30/11/2006, 16h02

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.

**blueice** · 30/11/2006, 16h26

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 ?

**shako95** · 30/11/2006, 16h35

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.

**blueice** · 30/11/2006, 17h09

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 html :

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
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>

**shako95** · 01/12/2006, 09h57

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 !

Afficher une page dans une DIV

CSS

Discussions similaires

Partager

Partager