Les Frames en JavaScript

Inhoudsopgave

Fenêtres multiples ?

Comme nous l'avons vu précédemment, une page peut être composée de plusieurs fenêtres. Ces fenêtres sont appelées frames, dont la structure porte le nom de frameset.

Dans les premières versions de l'infobrol, si le visiteur le désirait, la navigation se faisait au travers de ces frames, voici le code :

  1. <html>
  2.   <frameset rows="40,*">
  3.   		<frame src="top.htm" name="h">
  4.   	<frameset cols="160,*"> 
  5.   		<frame src="menu.htm" name="m">
  6.   		<frame src="page0.htm" name="p">
  7.   	</frameset>
  8.   </frameset>
  9. </html>

La division des frameset

Les 3 framesets

Le premier frameset divise la fenêtre en deux fenêtres distinctes dont une se nomme h, haute de 40 pixels (sur toute la largeur de la fenêtre parent), et qui comprend le document top.htm.

Le deuxième frameset divise le reste de la hauteur (*) en deux fenêtres, dont une se nomme m, large de 160 pixels (sur la hauteur qui reste), et qui comprend le document menu.htm. La dernière fenêtre se nomme p, et comprend les différentes pages du site; la page0.htm étant chargée en premier.

frameset à deux frames

Il serait peut être plus simple de commencer avec un frameset de deux frames dont la structure hiérarchique serait la suivante :

Structure du frameset à deux frames

La page qui contient le code HTML définissant le frameset est appelée parent (ascendant direct dans la structure hiérarchique), ou top (le plus haut dans la hiérarchie). Nous veillerons cependant à utiliser le plus souvent la référence parent, afin de laisser libre cours à l'évolution du site. En effet, si nous employons la référence top, il sera mpératif de la modifier si nous décidons d'encapsuler le tout dans un nouveau jeu de cadres, décalant donc toute la structure hiérarchique.

Nous appellerons par commodité les frames définies dans le frameset parent des frames enfant.

Dans le schéma ci dessus, nous pouvons remarquer que chaque frame enfant comporte son propre document, et que le parent possède lui aussi son document (il est représenté de manière plus discrète car il semble inconsistant, mais il existe bien.).

Opmerking

Une fenêtre qui ne comporte pas de cadres possède quand même une propriété parent, dont la valeur est null.

frameset et références

Dans chaque document, les références se font indépendamment du fait que nous travaillons avec des cadres.

Les seuls cas où nous devons tenir compte du jeu de cadres sont les cas suivants :

  • référence parent - enfant
  • référence enfant - parent
  • référence enfant - enfant

Références parent - enfant

Les différents cadres (frame) du document parent sont repris dans un tableau. Il est donc possible d'accéder à chaque fonction, objet ou variable d'un frame enfant en précisant l'index ou le nom du frame, suivi du nom de la fonction, de l'objet ou de la variable.

frames[numéro_index].nom_à_atteindre
nom_frame.nom_à_atteindre

Références enfant - parent

L'avantage de placer un script dans le parent est que tous les enfants en bénéficient moyennant référence. Le script est chargé une seule fois, des variables globales peuvent garder la trace de valeurs importantes, etc.

parent.nom_à_atteindre
top.nom_à_atteindre

Attention cependant à l'emploi de top.

Références enfant - enfant

La référence doit utiliser la propriété parent, et spécifier ensuite le nom ou l'index de l'autre enfant comme pour une relation parent - enfant.

parent.frames[numéro_index].nom_à_atteindre
parent.nom_frame.nom_à_atteindre

Exemple de frame

Il est possible d'afficher une fenêtre dans une fenêtre par la balise <iframe>. Il est tout à fait possible de naviguer au sein de cette fenêtre, bien que les dimensions en rendent parfois la lecture moins aisée.

Par exemple, vous pouvez essayer le simulateur Exchange dans une iframe :

Nederlandse vertaling

U hebt gevraagd om deze site in het Nederlands te bezoeken. Voor nu wordt alleen de interface vertaald, maar nog niet alle inhoud.

Als je me wilt helpen met vertalingen, is je bijdrage welkom. Het enige dat u hoeft te doen, is u op de site registreren en mij een bericht sturen waarin u wordt gevraagd om u toe te voegen aan de groep vertalers, zodat u de gewenste pagina's kunt vertalen. Een link onderaan elke vertaalde pagina geeft aan dat u de vertaler bent en heeft een link naar uw profiel.

Bij voorbaat dank.

Document heeft de 19/03/2002 gemaakt, de laatste keer de 01/01/1970 gewijzigd
Bron van het afgedrukte document:https://www.gaudry.be/nl/javascript-frame.html

De infobrol is een persoonlijke site waarvan de inhoud uitsluitend mijn verantwoordelijkheid is. De tekst is beschikbaar onder CreativeCommons-licentie (BY-NC-SA). Meer info op de gebruiksvoorwaarden en de auteur.