CodeS-SourceS
Rechercher un code, un tuto, une réponse

Communication entres frames

Octobre 2017


Les frames

Les frames c'est quoi ?


Les frames c'est un objet qui permet de diviser la fenêtre en plusieur partie. Voici un exemple du code html qui permet d'inserer des frames :

<html>
<head>
</head>
<frameset rows= "30%,70%">
<frame src="enfant1.htm" name="enfant1">
<frame src="enfant2.htm" name="enfant2">
</frameset>
</html>


Dans cette exemple on peut remplacer 30%,70% par la taille que vous voulez, la seule règle c'est que la somme des tailles des frames doit toujours être égale a 100%. Remplacer "enfant1.htm" et "enfant2.htm" par le chemin qui permet d'accéder aux pages que vous voulez mettre dans chaque frame. "enfant1" et "enfant2" sont a remplacer par le nom que vous voulez donner a vos frames !!!

Les frames ça sert a quoi ?


Les frames servent a séparer l'objet "window" en plusieur morceaux que l'on appelle "enfant" car la fenêtre entière s'appelle "parent". Dans ces morceau on peut mettre plusieur sites web diférents(1 par morceau) comme je vous l'ai montré plus haut !!! Mais ce qui va nous interresser pour le chapitre suivant c'est : Comment on fait pour transférer une donnée d'une frame a une autre ?" !!!

transmition de donnée entre deux frames


La page "créatrice" des frames

<html>
<head>
</head> 
<frameset rows ="30%,70%">
<frame src= "enfant1.htm" name="enfant1">
<frame src="enfant2.htm" name="enfant2">
</frameset> 
</html> 


La page "créatrice" contient deux frames "enfant1" et "enfant2".

Le fichier enfant1.html

<html> 
  <body>
<form name ="form1"> 
<input type ='text'  name='en'/>
</form>
  <body>
</html>


Le fichier enfant2.html

<html> 
<head>
<script language="Javascript"> 
<!-- 
function affi() {
parent.enfant1.document.form1.en.value=document.form2.out.value 
}
// --> 
</script> 
</head>
 <body>
Entrez une valeur et cliquez sur "Envoyer".
<form name="form2" > 
<input type ='text'  name='out'/>
<input type='button' value='envoyer' onclick='affi()>
</form>
</body>
</html>

conclusion


les frames peuvent avoir un intérêt mais il faut cependant noter qu' à partir du html5 elle sont déprécié.

A voir également

Publié par nicomilville.
Ce document intitulé «  Communication entres frames  » issu de CodeS-SourceS (codes-sources.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Plan d'accès sur votre site avec zoom, vue sattelite, votre logo et adresse grâce à google maps.
Communication avec un serveur en mode asynchrone (Ajax)