Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Chargement de plusieurs frames en même temps

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de pouvoir charger plusieurs fichiers dans plusieurs cadres en un seul clic.
  Principe
Une simple fonction qui prend X paramètres (le nombre de frames à charger en même temps), chaque paramètre étant l'URL du fichier à charger et qui applique ces paramètres dans chaque frame visée.
  Le script
dans la partie <head>
A mettre dans le fichier qui fait office de 'menu'
<script language="JavaScript">
function multilien(lien1,lien2,lien3) {
parent.cadre1.location = lien1;
parent.cadre2.location = lien2;
parent.cadre3.location = lien3;
}
</script>

dans la partie <body>
Dans le fichier qui déclare les cadres :
<frameset rows="70,*">

Le fichier qui fera office de menu
<frame src="nav_frames_haut.html">
<frameset cols="1,1,1">

Les pages d'attente
<frame src="nav_frames_0.html" name="cadre1">
<frame src="nav_frames_0.html" name="cadre2">
<frame src="nav_frames_0.html" name="cadre3">
</frameset>
</frameset>

Dans le fichier qui fait office de 'menu' :
<a href="javascript:multilien('contenu/fichier1.html',
'contenu/fichier2.html','contenu/fichier3.html');">1, 2, 3</a>
<a href="javascript:multilien('contenu/fichier2.html',
'contenu/fichier4.html','contenu/fichier6.html');">2, 4, 6</a>
<a href="javascript:multilien('contenu/fichier4.html',
'contenu/fichier5.html','contenu/fichier6.html');">4, 5, 6</a>
  Démonstration

Voir la démonstration

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    nav_frames.zip
    3 Ko
    telechargez le script telechargez le script
    Script séparé :
    nav_frames2.zip
    3 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter