Communication entres frames
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é.