[HTML] Appels d'iframe différentes depuis un menu

Version imprimable

30/03/2009, 22h46
gege91

[HTML] Appels d'iframe différentes depuis un menu

Bonsoir à tous,

Je ne suis pas un grand spécialiste du web.
Mon problème:
J'ai une page HTML avec un menu sur le côté gauche.
Sur la partie droite, je souhaite afficher une page html différente pour chacune des options
D'après ce que j'ai cru comprendre, il est possible de le faire avec des iframe.
Quelqu'un aurait-il une réponse ? des exemples ?

Merci de votre aide

Du genre :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
.........
</head>
<body>
<div id="lebandeau">
	<iframe name="bandeau" src="BANDEAU.html" height="120" width="900" target="principal" scrolling="no" noresize marginwidth="0" marginheight="0" frameborder="0">
	</iframe>
</div>
<div id="lesommaire">
	<iframe name="sommaire" src="SOMMAIRE.html" target="principal" height="500" width="175" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" noresize>
	</iframe>
</div>
<div id="lecontenu">
	<iframe name="principal" src="ACCUEIL.html" height="500" width="725" target="_self" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto">
	</iframe>
</div>
</body>
</html>

(Note le target="principal" dans l'iframe du sommaire)

Ceci dit, tu aurais plutot interet a EVITER les iframe, et te tourner vers PHP (ou ASP)

31/03/2009, 12h01
gege91

Merci pour la réponse.

Je vais essayer cela.
31/03/2009, 20h42
Invité

Tu peux lire ce tuto aussi : mise en page CSS
http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/
31/03/2009, 22h52
gege91

Bonsoir jreaux62

J'ai essayer ton code.
Ca me donne directement 3 zones à l'ouverture de ma page principale html.
Mon souhait, c'est d'avoir ma page principale avec mon menu sur la gauche et seulement quand je clique sur une des options, j'affiche à l'endroit voulu la page appelée dans ma page principale.

Peut-être n'ai je pas été très clair dans ma demande initiale.

NON, ce n'est pas assez clair :koi:

Il y a de nombreuses variantes !
Explique plus concretement ce que tu veux faire :
- afficher un menu a gauche ---> OK

- "quand je clique sur une des options, j'affiche à l'endroit voulu" : ca veut dire quoi ?
Ce sont des TITRES de menu, et tu veux un lien simple vers une page ?
Ce sont des titres et tu veux ouvrir une "boite" de sous-menu a coté ?
...
- As-tu un exemple de page web qui correspond a ce que tu veux ?
Ce serait plus clair.

NB: pour que les div "menu" et "contenu" soient l'un a cote de l'autre (et pas en dessous) :
ajouter dans le head (ou dans un fichier style.css):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <style type="text/css"> #menu { position:relative; float:left; width: 200px; height: 500px; margin: 0; padding: 0; border: 0; } #contenu { position:relative; float:left; width: 800px; height: 500px; margin: 0; padding: 0; border: 0; } </style>

03/04/2009, 22h58
gege91

Bonsoir,

Maintenant, dans mon iframe, j'ouvre bien des pages différentes en fonction des options de mon menu.
Une étape de franchie.
Maintenant, il me reste à trouver comment ajuster dynamiquement la taile verticale de l'iframe à la taille de la page HTML que j'appelle (Pour ne pas avoir d'ascenceur)

Je continue, la nuit est encore longue....

A+