begin process at 2012 05 29 12:41:39
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Lien entre Frame et Iframe


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Lien entre Frame et Iframe

mardi 15 mars 2011 à 14:52:29 | Lien entre Frame et Iframe

drexl

Bonjour,
Débutant en html et encore plus en JavaScript, je cherche à interagir entre différentes zones de ma page qui se compose comme la figure ci dessous.
-----------
zone1 ( Frame : menu)
-----------
Zone2 ( Frame : bandeau d'images défilantes)
-----------
Zone3 ( Frame : coeur de la page divisées en 4 iframes)

| Zone4 | Zone5 | Zone6 | Zone7 |

-----------
Zone8 ( Frame : infos de copyright .....)
-----------

J'arrive à interagir de :
Zone1 vers Zone2, Zone3, Zone8
Zone4 vers Zone5, Zone6, Zone7, Zone2
avec : parent.frames['zone2'].location.href = "mapage.html"; depuis zone1
parent.frames['Zone5'].location.replace("mapage.html"); depuis zone4

Mais je n'arrive pas à interagir de Zone2 vers Zone4, Zone5, Zone6 ou Zone7
j'ai essayé des
parent.document.getElementById('Zone5').src = "mapage.html"; depuis zone2
mais rien n'y fait

Quelqu'un saurait-il quelle est la bonne formulation ? Sachant que depuis Zone2 je veux modifier Zone6 et Zone7 donc avec une fonction javascript

Par avance, merci.
mardi 15 mars 2011 à 16:09:24 | Re : Lien entre Frame et Iframe

007Julien


Sauf erreur de ma part, de zone2 vers zone 4 il faut remonter pour accéder à zone3 avec un parent.frames['Zone3']; puis redescendre vers zone4 avec un parent.frames['Zone3'].frames['Zone4'];

Autrement dit les frames Zone4, Zone5, Zone6 et Zone7 sont des enfants de Zone3.

Mais, parler de frames risque fort de relancer des guerres de religion...
mardi 15 mars 2011 à 16:29:06 | Re : Lien entre Frame et Iframe

drexl

Merci de me répondre,

J'ai essayé :

parent.frames['Zone3'].frames['Zone4'].location.replace( 'No Angel/Zone7.html');
parent.frames['Zone3'].frames['Zone4'].location.href = 'No Angel/Zone7.html';

mais aucune des 2 fonctionnent
mardi 15 mars 2011 à 16:30:14 | Re : Lien entre Frame et Iframe

drexl

Merci de me répondre,

J'ai essayé :

parent.frames['Zone3'].frames['Zone4'].location.replace( 'Zone7.html');
parent.frames['Zone3'].frames['Zone4'].location.href = 'Zone7.html';

mais aucune des 2 fonctionnent
mardi 15 mars 2011 à 16:34:12 | Re : Lien entre Frame et Iframe

drexl

Concernant les 'guerres de religions' au sujet des frames, les pages créées servent justes pour une interface html qui ne sera pas mises sur le web
mardi 15 mars 2011 à 17:17:23 | Re : Lien entre Frame et Iframe

007Julien


N'y aurait-il pas moyen de voir la nature de l'objet parent.frames['Zone3'] et lister son contenu de la manière suivante (à réaliser dans Internet Explorer et Firefox qui réagissent différemment).

Code Javascript :
var i,c,obj=parent.frames['Zone3'];
// Voir la nature de l'objet
alert(typeof(obj));
// Si c'est effectivement in objet
c='';
for (i in obj) c+=' '+i+'=>'+obj[i];
alert(c);



mercredi 16 mars 2011 à 07:42:31 | Re : Lien entre Frame et Iframe

drexl

J'ai testé ton code avec

<script language="Javscript" type="text/Javascript">
function test()
{
var i,c,obj=parent.frames['Zone3'];
// Voir la nature de l'objet
alert(typeof(obj));
// Si c'est effectivement in objet
c='';
for (i in obj) c+=' '+i+'=>'+obj[i];
alert(c);
}
</script>
Et utilisé avec un <body onload="test();">

j'ai une 1°alerte avec l'indication : Undefined
et une 2° avec rien d'indiqué

mercredi 16 mars 2011 à 07:43:51 | Re : Lien entre Frame et Iframe

drexl

sous IE et firefox
mercredi 16 mars 2011 à 11:28:02 | Re : Lien entre Frame et Iframe

007Julien


J'ai également essayé (et contrairement à mes souvenirs) le tableau des frames concerne l'ensemble de celles-ci lorsque la page principale est libellée comme suit.

Code HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML lang="fr">
<HEAD>
<META http-equiv="content-type" content="text/html; charset=utf-8">
<META name="generator" content="PSPad editor, www.pspad.com">
<TITLE>Frames</TITLE>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</HEAD>
<FRAMESET COLS="20%,30%,50%">
<FRAME SRC="frame1.html" NAME="gauche">
<FRAME SRC="frame2.html" NAME="centre">
<FRAMESET ROWS="20%, 30%, 50%">
	<FRAME SRC="frame3.html"  NAME="droit_haut">
	<FRAME SRC="frame4.html"  NAME="droit_milieu">
	<FRAME SRC="frame5.html" NAME="droit_bas">
</FRAMESET>
</FRAMESET>
</HTML>


Alors cette frame n°1
Code HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML lang="fr">
<HEAD>
<META http-equiv="content-type" content="text/html; charset=utf-8">
<META name="generator" content="PSPad editor, www.pspad.com">
<TITLE>frame 1</TITLE>
<style type="text/css">
</style>
</HEAD>
<BODY>
Frame1 nom gauche
<script type="text/javascript">
var obj=parent.frames;
c='';
for (i=0;i<obj.length;i++) c+='\n '+i+'=>'+obj[i].document.location;
alert(c);
parent.frames[4].document.location='frame5bis.html'
</script>
</BODY>
</HTML>


affiche les adresses des cadres dans Internet Explorer mais pas dans Mozilla FireFox (à creuser). Cependant, elle recharge effectivement la page du dernier cadre avec les deux navigateurs.

En toute hypothèse la méthode replace demande deux arguments et paraît inadaptée compte tenu de la variabilité du premier.
mercredi 16 mars 2011 à 11:55:28 | Re : Lien entre Frame et Iframe

drexl

pour ma page d'index : j'ai mis
Code HTML :
<html>
<head>
<title>Audio Collection</title>

</head>
<frameset rows="5%,19%,67%,8%" frameborder=no>
	<frame src="Utils\Zone1.html" name="zone1"> <!-- 1° ligne -->
	<frame src="Utils\Zone2.html" name="zone2"> <!-- 2° ligne -->
	<frameset cols="20%,20%,20%,40%" frameborder=no name="zone3" > <!-- 3° ligne -->
		<frame src="Utils\Zone4.html" name="zone4"> <!-- 1° colonne -->
		<frame src="Utils\Zone5.html" name="zone5"> <!-- 2° colonne -->
		<frame src="Utils\Zone6.html" name="zone6"> <!-- 3° colonne -->
		<frame src="Utils\zone7.html" name="zone7"><!-- 4° colonne -->
	</frameset>
	<frame src="Utils\Zone8.html" name="zone8"> <!-- 4° ligne -->
</frameset>
</html>


ma page zone3 :
Code HTML :
<html>
	<head>
		<script language="Javscript" type="text/Javascript">
			function ouvrePageD()
			{
				document.getElementById('Zone4').src = "D.html";
				document.getElementById('Zone5').src = "../../Utils/Blank.html";
				document.getElementById('Zone6').src = "../../Utils/Blank.html";
				document.getElementById('Zone7').src = "../../Utils/Blank.html";
			}
		</script>			
	</head>	
	<body onload="ouvrePageD();">		
		<Table width="100%" height="100%">
			<tr width="100%" height="100%">
				<td width="25%" height="100%" valign="top" align="center">	
					<iframe id="Zone4" name="Zone4" frameborder="0" src="Blank.html"></iframe>					
				</td>
				<td width="25%" height="100%" valign="top" align="center">
					<iframe id="Zone5" name="Zone5" frameborder="0" src="Blank.html"></iframe>					
				</td>
				<td width="25%" height="100%" valign="top" align="center">
					<iframe id="Zone6" name="Zone6" frameborder="0" src="Blank.html"></iframe>					
				</td>
				<td width="25%" height="100%" valign="top" align="center">
					<iframe id="Zone7" name="Zone7" frameborder="0" src="Blank.html"></iframe>
				</td>
			</tr>
		</Table>		
	</body>
</html>



ma page zone2 :
Code HTML :
<html>
	<head>
		<script language="Javscript" type="text/Javascript">
			function test1()
			{
				parent.frames['zone5'].location.href = 'Zone5.html';//marche pas
				parent.frames['zone6'].location.replace( 'Zone6.html');//marche pas				
				parent.document.getElementById('Zone7').src='Zone7.html';//marche pas
			}
		</script>
	</head>
	<body onload="test1();">
		<b><a href="javascript:ouvrePage1();"><img src="Photo.jpg" >
	</body>
</html>

1 2

Cette discussion est classée dans : html, frame, zone2, zone5, zone4


Répondre à ce message

Sujets en rapport avec ce message

probleme frame et chargement image [ par ministephie ] Bonjour,Je débute en javascipt et j'ai un problème de chargement d'image dans une frame.Bref voici comment il est construit : Une page index.html qui Chnager de frame dans un fichier flash à partir d'une page html [ par yoyotheboss7 ] Bonjour à tous ! J'ai une html avec des frames...(dsl)...et j'ai des menu en flash dans 2 de mes frames. Sur une 3ème frame, J'ai une page html, et je sauvegarde page html à partir d'une autre frame [ par pvient ] Résumé de mon problème :j'ai deux frames appellées topFrame et l'autre mainFrame, dans la première je demande l'affichage de la seconde (dans laquelle Bonjour je souhaite charger une nouvelle page dans ma frame [ par eithelgul ] Bonjour J'ai deux frames "menu" et "contenu".Dans "menu" je charge menu1.html lors du demarage.Dans "contenu" je charge contenu.htmlA l'interieur de c Problème de Frame [ par LeGuepard ] Salut à tous !Alors voila, j'ai un MEGAPROBLEME d'ouverture de page dans des frames donc les liens à partir des menus se font en JavaScript.Explicatio probleme de frame [ par Maniaxman ] bonjour,je chercherais un code en javascript permettant d'afficher le code d'une page HTML distante.ou alors d'une page HTML d'une frame incluant un s Frame et Ancre html [ par loicseg ] Bonjour à tous,je voudrais que lorsque j'ouvre ma page web la frame qui est dans celle-ci affiche directement l'ancre html d'une autre page <iframe na probleme html+frame [ par leurne ] compteur de clics dans une autre frame [ par gaetan11 ] Bonjour à tous,Je cherche un script comme celui de find-jeux dans bonus au clic.Donc, il y a 2 frames celle au dessus avec le comteur de clics, et cel transformation XML vers HTML [ par cuq ] Bonjour,J'ai une petite question concernant la transformation de page XML en HTML.  dans une de mes pages je réalise la conversion de fichier XML+XSL


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,061 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales