Frames II

1. Interaction entre frames

Par le tag <HREF etc... nous pouvons changer le contenu d'une page, donc d'une frame puisque celle-ci a toutes les possibilités d'une page normale.
Mais nous avons besoin d'autres commandes pour manipuler des pages contenant des frames.

2.TARGET.

Nous écrirons <A HREF="Html7.htm" TARGET="cible">
Nous rajoutons Target,(cible), qui donne la cible,(objet) sur laquelle va s'exercer la commande.
Cette cible peut-être :

3. Application

Reprenons l'exemple précédent Application.htm,(Application de la page précédente), nous allons programmer les boutons que nous avons placé dans le menu.

La flèche gauche change la frame info, le sémaphore la frame entête et la fléchie droite rétablit l'aspect originel.
Aspect après l'utilisation de FlècheG et Sémaphore.

..Flèche gauche,(flecheG.gif), remplacement de la frame info par information0.htm
...Sémaphore(semapho.gif), remplacement de cornet.gif,(frame entete), par eiffelS.gif
...Flèche droite,(flecheD.gif), remplacement total de la page par appel.htm

Flèche gauche, la cible est la frame info nous écrirons :
<A HREF="information0.htm" TARGET="info"><IMG SRC="flecheG.gif" HEIGHT=38 WIDTH=35></A> Il faut évidemment que information0.htm existe dans le répertoire et que son contenu soit différent de information.htm. exemple information0.
Sémaphore, la cible est la frame entete nous écrirons :
<A HREF="entete1.htm" TARGET="entete"><IMG SRC="semapho.gif" HEIGHT=38 WIDTH=35></A>Il faut évidemment que entete1.htm existe dans le répertoire et définisse eiffelS comme contenu. Nous ne pouvons pas remplacer directement l'image dans entete, nous devons remplacer le fichier html. exemple entete1.
Flèche droite, la cible est la page entière :
<A HREF="Application.htm" TARGET="_top"><IMG SRC="flecheG.gif" HEIGHT=38 WIDTH=35></A> Nous appellons ici le fichier originel.

Nouveau fichier menu3.htm


Fichier de frames Change.htm

 



information0.htm
<HTML>
<HEAD>
<TITLE>information0</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FF8000">
<CENTER><P><B><FONT SIZE=+3>Mon Job</FONT></B></P></CENTER>
</BODY>
</HTML>

entete1.htm
<HTML>
<HEAD>
<TITLE>entete1</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#80FFFF">
<IMG SRC="eiffelS.gif" HEIGHT=58 WIDTH=49>
</BODY>
</HTML>

menu3.htm
<HTML>
<HEAD>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFFF">
<TABLE WIDTH="100%"> <TR>
<TD WIDTH="10%"><A HREF="information0.htm" TARGET="info"><IMG SRC="images/flecheG.gif" HEIGHT=38 WIDTH=35 BORDER="0"></A></TD>
<TD WIDTH="10%"><A HREF="entete1.htm" TARGET="entete"><IMG SRC="images/semapho.gif" HEIGHT=32 WIDTH=30 BORDER="0"></A></TD>
<TD WIDTH="10%"><A HREF="Change.htm" TARGET="_top"><IMG SRC="images/flecheD.gif" HEIGHT=38 WIDTH=35 BORDER="0"></A></TD>
<TD> <CENTER><P><FONT SIZE=+3>Famille & C°</FONT></P></CENTER> </TD>
</TR>
</TABLE>
</BODY>
</HTML>

Change.htm
<HTML>
<HEAD>
<TITLE>Appel Frames Application</TITLE>
</HEAD>
<FRAMESET ROWS="20%,*">
<FRAMESET COLS="20%,*">
<FRAME SRC="entete.htm" NAME="entete" SCROLLING="NO">
<FRAME SRC="menu3.htm" NAME="menu" SCROLLING="NO">
</FRAMESET>
<FRAME SRC="information.htm" NAME="info">
</FRAMESET>
</HTML>