Frame et iframe

**Gilles17** · 10/02/2007, 19h09

Bonjour

voila, je suis paumé

j'ai du présumer de mes capacités (m'étonne pas), un ami m'a demandé de lui faire un site et j'ai des pb

Je vais essayé d'être clair

l'affichage est composé de 4 frames

en haut à gauche "logo" (logo en flash)
en haut à droite "bandeau" (bandeau en flash)
en bas à gauche "menu" (menu en flash)
en bas à droite "principale" (pages en html)

Code :

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

1
2
3
4
5
6
7
8
9
10
<frameset  rows="*" cols="200,*" frameborder="NO" border="0" framespacing="0" >
  <frameset rows="175,*" frameborder="NO" border="0" framespacing="0"> 
  <frame src="logo.html" name="logo" scrolling="NO" noresize marginheight="0" marginwidth="0">
  <frame src="menu.html" name="menu" scrolling="NO" noresize marginheight="0" marginwidth="0">
</frameset>
  <frameset rows="175,*" frameborder="NO" border="0" framespacing="0" >
    <frame src="bandeau.html" name="top" scrolling="NO" noresize  marginheight="0" marginwidth="0">
    <frame src="page_accueil.html" name="principale" scrolling="NO" noresize marginheight="0" marginwidth="0" >
  </frameset>
</frameset>

le menu est divisé en 3 blocs de couleurs différentes (bleu, vert, jaune)

quand je clique sur un bouton du menu bleu (par exemple), j'appelle dans la frame "principale" 5 sous-frames :
"topFrame", "rightFrame", "bottomFrame", "leftFrame" afin de former un encadrement de la couleur du bloc de menu
et au milieu de cet encadrement se trouve la frame "main" qui contient l'affichage du texte

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<frameset rows="18,364,*" frameborder="no" border="0" framespacing="0">
  <frame src="Top1_bleu.html" name="topFrame" scrolling="No" marginwidth="0" marginheight="0" title="topFrame" />
  <frameset cols="13,764" frameborder="NO" border="0" framespacing="0" >
		<frame src="L1_bleu.html" name="leftFrame" scrolling="NO" noresize="noresize" title="leftFrame" marginwidth="0" marginheight="0" >
		<frameset cols="764,*" frameborder="NO" noresize="noresize" border="0" framespacing="0">
		<frame src="expa_accueil.html" name="main" scrolling="NO" noresize="noresize" id="mainFrame" title="mainFrame" marginheight="0" marginwidth="0" />
		<frame src="R1_bleu.html" name="rightFrame" scrolling="NO" noresize="noresize" title="rightFrame" marginheight="0" marginwidth="0">
	</frameset>
	</frameset>
 
  <frame src="Bot1_bleu.html" name="bottomFrame" scrolling="No" noresize marginwidth="0" marginheight="0" title="bottomFrame" />
</frameset>

le pb que j'ai est : en fonction des paramètres de l'affichage de l'écran, les frames "rightFrame" et "main" se déplacent et en fonction du navigateur c'est pas fiable

donc je voudrais remplacer ces 5 frames par quelque chose de fixe et de + léger, et bien sûr visible sous IE6, IE7 et FireFox

J'ai essayé de faire une frame unique avec l'image de l'encadrement et d'appeler une iframe en la positionnant dedans, mais le pb est que je n'arrive pas à la rendre transparente, donc je ne vois plus l'encadrement

(même en mettant le <body style="background-color:transparent;"> de la page appelée par le src de l'iframe)

J'ai essayé les css et php, mais j'ai un incompatibilité avec le menu (il boucle et je ne trouve pas pourquoi)

J'ai essayé de mettre l'encadrement en fond, mais les scrolls effacent les bordures de l'encadrement

Comment pourrais-je faire pour résoudre mon pb de déplacement, de vitesse et de fiabilité avec les navigateurs ?

Merci

**N1bus** · 10/02/2007, 20h35

Bonjour,

déjà éviter d'utiliser les Frames : c'est toujours le bazar et c'est pire encore pour le référencement du site. (d'autant plus que tu as 2 framset imbriqués, ça doit pas etre facile pour s'y retrouver)

Tu devrais t'orienter vers PHP et les include() .

Si tu as un problème quand tu mets en PHP, reposte ici avec le bout de code qui te pose le problème

**Gilles17** · 10/02/2007, 22h08

Merci de ta réponse

Le référencement n'est pas le soucis premier de mon ami

Je vais me repnecher sur le php et les includes, je fais ça lundi et je posterai le code ici

si entre temps vous voyez d'autres solutions, je suis preneur

Merci

**BnA** · 11/02/2007, 00h31

Euh... Excuse-moi, mais pourquoi tu utilise pas du CSS??

**Kerod** · 11/02/2007, 00h47

L'utilisation des frames est devenue obsolète. Donc il est en effet préférable de gérer tout ceci à l'aide de CSS (pour le positionnement que tu souhaites obtenir). Si tu souhaites éviter le rechargement de la page complète alors la solution du langage dynamique est la bienvenue.

Quoi qu'il en soit je te conseille de jeter un oeil sur ceci : Div et CSS : une mise en page rapide et facile qui te montrera comment positionner correctement tes blocs et ceci : Le langage PHP qui contient tout le nécessaire pour débuter en PHP

**Gilles17** · 11/02/2007, 01h12

Merci de vos réponses

Je suis complétement d'accord pour passer en css, j'ai même essayé, mais le menu bouclait tout le temps malgré le stop dans le flash .... et donc réaffichait la page d'accueil tout le temps, je ne comprends pas pourquoi

et d'autre part le div du logo se plaçait correctement avec Firefox, mais venait se positionner sur le div du bandeau avec IE7

donc devant ce pb j'a cherché une solution avec les frames

mais je vais m'y replonger

Envoyé par Kerod

L'utilisation des frames est devenue obsolète. Donc il est en effet préférable de gérer tout ceci à l'aide de CSS (pour le positionnement que tu souhaites obtenir). Si tu souhaites éviter le rechargement de la page complète alors la solution du langage dynamique est la bienvenue.

Merci, mais cela va-t-il résoudre mon souci de sous-frames, ou juste le transformer en css ?

**N1bus** · 11/02/2007, 11h59

Envoyé par Gilles17

mais le menu bouclait tout le temps malgré le stop dans le flash ....

ça n'a rien à voir avec les frames ou les div ou css : tu dois avoir une erreur dans ton animation

**Gilles17** · 11/02/2007, 23h44

J'ai modifié le site en fonction de ce que j'ai compris

cela donne :

Code CSS :

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
43
44
45
.top {
	width:1000px;
	height:175px;
	}
.logo {
	float:left;
	width:200px;
	height:175px;
	background-color:#000000;
	}
.bandeau {
	float:left;
	width:800px;
	height:175px;
	background-color:#000000;
	}
.mid {
	width:1000px;
	height:400px;
	}
.menu {
	float:left;
	width:200px;
	height:400px;
	background-color:#000000;
	}
.contenu {
	float:left;
	width:800px;
	height:400px;
	background-color:#000000;
	background: url("Images/Essai-bleu.png");
	background-attachment:fixed;
	background-position:210px 185px;
	background-repeat:no-repeat;
	}
.pied_page {
	clear:both;
	width:1000px;
	height:20px;
	background-color:#000000; 
	font-family : Trebuchet MS;
	font-size : 8px;
	color : #ffffff;
	}

et l'index.php est :

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
33
34
35
36
37
38
39
40
<body>
	<div class="top">
		<div class="logo">
			<?php 
                           include 'logo.html';
                        ?>
		</div>
		<div class="bandeau">
			<?php 
                           include 'bandeau.html';
                        ?>
		</div>
	</div>
	<div class="mid">
		<div class="menu">
			<?php 
                           include 'menu2.html';
                        ?>
		</div>
		<div class="contenu">
			<?php 
                                $pages=array(
                                   'accueil'=>'page_accueil',
                                   'f_a_q'=>'faq',
                                   'contact'=>'quest',
                                   'questionnaire'=>'quest',
                                   'regularite'=>'page_regul',
                                   'regle_12_points'=>'12pts',
                                   'historique'=>'page_histo',
                                 );
                                if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
                                   include $pages[$_GET['page']].'.html';
                                else
                                   include 'attente.html';
                        ?>		
		</div>
	</div>
	<div class="pied_page" align="center">
	copyright
	</div>

et dans le menu en flash, quand je clique sur un bouton,le code est :

par exemple

Code :

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

1
2
3
on (release) {
	getURL("index.php?page=questionnaire");
}

quand j'appelle index.php en local, j'ai le même pb, le menu boucle et la page "attente.html" et appelée à chaque fois

qu'ai-je mal fait ?
comment faire pour appeler la bonne page dans le menu flash ?

Merci

**Kerod** · 11/02/2007, 23h51

Pour ce qui est du Flash je te propose d'ouvrir un nouveau sujet dans le forum Flash car ton problème doit venir d'une instruction flash qui est appelé tout le temps je pense.

**Gilles17** · 12/02/2007, 00h00

D'accord

je m'en doutais, mais comme le sujet était commencé ici, j'ai continué

sinon est-ce que les codes sont bons (pour le css et l'index.php) ?

Dernières questions ...
avec ce principe de css, en fait quand on clique sur un bouton, c'est toute la page qui est rechargée avec la nouveau contenu ?

dans ce cas, si on a un animation dans le menu, elle repart du début ?

Est-ce cela ou je comprends mal ?

et comme j'ai une animation du menu comment je fais ?

Merci

**achos** · 13/02/2007, 15h15

avec quel editeur vous avez réaliser votre site web?
je vous recommande Dreamweaver : avec le mode création vous pouvez travailler facilement avec les frames.

**Gilles17** · 13/02/2007, 15h24

Envoyé par achos

avec quel editeur vous avez réaliser votre site web?
je vous recommande Dreamweaver : avec le mode création vous pouvez travailler facilement avec les frames.

Bonjour

Je ne comprends pas tout

on me dit que les frames c'est pas bien

Je refais en css

Je pose une question sur les css et là on me répond : utilise dreamWeaver pour faire des frames

Je suis paumé

**Kerod** · 13/02/2007, 17h54

Alors pour toutes tes questions :

avec ce principe de css, en fait quand on clique sur un bouton, c'est toute la page qui est rechargée avec la nouveau contenu ?

Oui si tu n'utilises pas de langage dynamique (PHP ou autres)

dans ce cas, si on a un animation dans le menu, elle repart du début ?

En principe à chaque rechargement de page, tout le contenu est relancé effectivement. Maintenant, il se peut que le fait d'utiliser les pseudo-frames (accessible grâce aux langages dynamiques) ne relance pas le flash (il faudrait tester il n'empêche).

et comme j'ai une animation du menu comment je fais ?

J'ai pas trop compris, désolé

on me dit que les frames c'est pas bien

Oui c'est pas bien. De nos jours il est déconseillé d'utiliser des frames pour de la mise en page. C'est un système devenu obsolète.

**Gilles17** · 13/02/2007, 17h59

Envoyé par Kerod

Alors pour toutes tes questions :

Oui si tu n'utilises pas de langage dynamique (PHP ou autres)

ben d'après mon code (un peu au dessus) j'utilise du php mais peut-être mal, je ne sais pas

en tout cas, même avec du php, toute la page est réaffichée

Frame et iframe

HTML

Discussions similaires

Partager

Partager