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" :
texte
Code de la fonction associée :
function DuTexte() {
parent.tdc.document.close();
parent.tdc.document.write(
'Si vous cliquez sur le lien, ' +
'rien ne se passe.');
parent.tdc.document.close()
}
Code du lien "couleurs" :
couleurs
Code des fonctions associées :
function DesCouleurs1() {
parent.tdc.document.close();
parent.tdc.document.write(
'Cette fois, si vous cliquez, ' +
'il y aura de la couleur.');
parent.tdc.document.close();
}
function DesCouleurs2() {
parent.tdc.document.close();
parent.tdc.document.write(
'' +
'' +
'Ça jette, hein ?' +
'');
parent.tdc.document.close();
}
Code du lien "images" :
images
Code de la fonction associée :
function DesImages() {
parent.tdc.document.close();
parent.tdc.document.write(
'' +
'' +
' ' +
'Savez-vous de quoi est capable ' +
'un appareil photo jetable ?');
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.
|