Frame et iframe

Version imprimable

Frame et iframe

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:

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:

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 :evilred: (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) :evilred:

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

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

Merci

10/02/2007, 20h35
N1bus

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
10/02/2007, 22h08
Gilles17

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
11/02/2007, 00h31
BnA

Euh... Excuse-moi, mais pourquoi tu utilise pas du CSS?? :koi:
11/02/2007, 00h47
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.

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
11/02/2007, 01h12
Gilles17

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

Citation:

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 ?
11/02/2007, 11h59
N1bus

Citation:

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

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

cela donne :

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

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:

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

11/02/2007, 23h51
Kerod

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. :roll:
12/02/2007, 00h00
Gilles17

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
13/02/2007, 15h15
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.
13/02/2007, 15h24
Gilles17

Citation:

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

Je suis paumé :(
13/02/2007, 17h54
Kerod

Alors pour toutes tes questions :

Citation:

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)

Citation:

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

Citation:

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

J'ai pas trop compris, désolé :aie:

Citation:

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.
13/02/2007, 17h59
Gilles17

Citation:

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