IntroCréer son site webHTML • [JavaScript] • Perl
Liens  
 Javascript - Frame dynamique 

Du texte, des couleurs, des images !

La fenêtre ci-dessus est une frame nommées tdc. Initialement elle affiche le contenu d'un fichier HTML. Par la suite, lorsqu'on passe sur un lien avec le pointeur de la souris, son contenu est modifié par des fonctions JavaScript contenues dans l'en-tête de la page qui contient les liens (celle que vous êtes justement en train de lire).

Code du lien "texte" :

<A HREF="#" onMouseOver="DuTexte()">texte</A>

Code de la fonction associée :

function DuTexte() { parent.tdc.document.close(); parent.tdc.document.write( '<HTML>Si vous cliquez sur le lien,<BR>' + 'rien ne se passe.</HTML>'); parent.tdc.document.close() }

Code du lien "couleurs" :

<A HREF="#" onMouseOver="DesCouleurs1()" onClick="DesCouleurs2()">couleurs</A>

Code des fonctions associées :

function DesCouleurs1() { parent.tdc.document.close(); parent.tdc.document.write( '<HTML>Cette fois, si vous cliquez,<BR>' + 'il y aura de la couleur.</HTML>'); parent.tdc.document.close(); } function DesCouleurs2() { parent.tdc.document.close(); parent.tdc.document.write( '<HTML><BODY BGCOLOR="#EBC896" BGCOLOR="Red" TEXT="White">' + '<FONT FACE="Arial Black, Arial, Helvetica" SIZE=+2>' + '<CENTER><STRONG>Ça jette, hein&nbsp;?' + '</STRONG></CENTER></HTML>'); parent.tdc.document.close(); }

Code du lien "images" :

<A HREF="../../plongee/photos/index.html" onMouseOver="DesImages()" TARGET="_top">images</A>

Code de la fonction associée :

function DesImages() { parent.tdc.document.close(); parent.tdc.document.write( '<HTML><BODY BGCOLOR="#EBC896" BGCOLOR="#FFFFCC">' + '<A HREF="../../plongee/photos/index.html" TARGET="_top">' + '<IMG SRC="images/photo.gif" BORDER=0 ALIGN=LEFT HSPACE=10>' + '</A><FONT SIZE=+2>Savez-vous de quoi est capable<BR>' + 'un appareil photo jetable&nbsp;?</HTML>'); parent.tdc.document.close(); }

Dans chaque fonction, les occurences de document.close() servent respectivement à initialiser et à fermer le flux de données vers la fenêtre.