Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 987 732 ]
Votre IP fleche [ 38.107.191.84 ]
Vous êtes ici : Home Page Cours HTML Les frames 2
Imprimer le document Version Imprimable

Informations Générales

[416] Posts sur le forum
[419] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 2 Invités
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

Alsacreations
Dreamseed
L'éditeur JavaScript
DicoDuNet
Noogle
Tutopla.net
Page précédente | Page suivante

Les frames (page2) : Usages

Usage de JavaScript dans la manipulation des frames de fenêtres

  1. Pour mettre à jour plusieurs frames à la fois lorsque l'on active un lien, on est obligé de recourir à JavaScript. Dans la page où est défini le lien :
    1. Définir le JavaScript suivant (dans le bloc <HEAD>...</HEAD>) : 
      <script language="javascript">
<!--
	function TwoFrames(URL1,Fr1Name,URL2,Fr2Name) {
		parent.frames[Fr1Name].location.href = URL1;
		parent.frames[Fr2Name].location.href = URL2;
	}
//-->
</script>
    2. Puis définir ainsi le lien qui devra charger les pages "page1.html" et "page2.html" respectivement dans les frames définis par les cibles "frame1" et "frame2" : 
      <a href="javascript:TwoFrames('page1.html','frame1','page2.html','frame2');">
lien</a>
  2. Pour ouvrir de nouvelles fenêtres de navigateur en jouant sur les propriétés de celles-ci (avec ou sans barre d'icônes, de menus, d'ascenseurs, etc...) ou les refermer, on doit également faire appel à JavaScript
    1. Si l'on défini les fonctions JavaScript suivantes (dans le bloc <HEAD>...</HEAD>) : 
      <script language="javascript">
<!--
	function ouvrir_fenetre(url,target_name,param) {
		nomFenetre = window.open(url,target_name,param);
	}
	function fermer_fenetre() {
		if (nomFenetre) { nomFenetre.close(); }
	}
//-->
</script>
    2. On peut alors faire ouvrir une fenêtre sans aucun attribut (palette de navigation) à partir du lien hypertexte suivant :

      Attention ! Bien englober tous les paramètres, depuis toolbar jusqu'à screenY entre deux apostrophes !

      <a href="javascript:ouvrir_fenetre('URL','palette_navig',
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,
resizable=no,copyhistory=no,width=250,height=400,screenX=20,screenY=100')">
ouvrir </a>
    3. Et l'on peut faire refermer cette fenêtre à partir du lien hypertexte suivant : 
      <a href="javascript:fermer_fenetre()"> fermer </a>

Les frames en-ligne (IFRAME)

Standardisée sous HTML 4.01, la notion de "frame en-ligne" (inline frame, iframe) est appliquable depuis les versions de navigateur Mozilla 1, Netscape 6, IE 4. Un peu à la façon de la balise OBJECT pour l'insertion d'objets en-ligne dans une page, cette technique implémentée coté client permet d'inclure une ressource Web (page HTML statique ou dynamique...) dans un bloc à l'intérieur d'une page (analogie à la technique coté serveur SSI, Server Side Include).

  • <iframe src="URL" width="largeur" height="hauteur"
marginwidth="marge horizontale" marginheight="marge verticale"
align="top,middle,bottom,left,right" scrolling="yes,no,auto" frameborder="0,1">
	code alternatif que verront les navigateurs n'implémentant pas les iframes...
</iframe>
Page précédente | Page suivante
Haut de page