begin process at 2012 05 28 13:12:47
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > CREATION AUTOMATIQUE SOMMAIRE

CREATION AUTOMATIQUE SOMMAIRE


 Information sur la source

Note :
Aucune note
Catégorie :Divers Classé sous :index, precedent, suivant Niveau :Débutant Date de création :06/03/2006 Vu / téléchargé :6 675 / 602

Auteur : PetoleTeam

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note


 Description

Ce script permet de créer automatiquement un sommaire sans avoir à le resaisir dans chacunes des pages.
Deux présentations sont disponibles :
  Création d'une barre avec les liens vers les autres pages...
  Création d'un lien Précédent et Suivant...

Source

  • //--------------------------------------
  • // Nom Document : GFINDEX.JS
  • // Auteur : G.Ferraz
  • // Objet :
  • // Mise à Jour :
  • // ------------------------------------
  • //-------------
  • function Lien(){
  • this.Href = new Array();
  • this.Label = new Array();
  • this.AddLien = AddLien;
  • }
  • //------------------------------
  • function AddLien( href_, label_){
  • var i = this.Href.length;
  • this.Href[i] = href_;
  • this.Label[i] = label_;
  • }
  • //----------------------
  • function WriteSommaire(){
  • var i;
  • var Html ="";
  • var Appel;
  • //-- Récupération page affichée
  • Appel = window.location.href;
  • Appel = Appel.toLowerCase();
  • //-- Début affichage Sommaire
  • Html +='<table width="99%"><tr><td align=center>';
  • Html +='<table border=0 cellspacing=1 cellpadding=5 bgcolor="#808080"><tr>';
  • with( Cde){
  • for( i =0; i < Href.length;i++){
  • //-- Si le lien n'est pas la page affichée
  • if( Appel.indexOf( Href[i]) < 0){
  • Html += '<td nowrap align=center valign=center bgcolor="#f0f0f0">';
  • Html += '<a class="ALien" href="' +Href[i] +'">' +Label[i] +'</a></td>';
  • }
  • else{
  • Html += '<td nowrap align=center valign=center bgcolor="#0000c0">';
  • Html += '<span class=Appel>' +Label[i] +'</span></td>';
  • }
  • }
  • }
  • Html +='</tr></table>';
  • Html +='</td></tr></table>';
  • document.write( Html);
  • }
  • //----------------------
  • function WriteNextLast(){
  • var i;
  • var Html ="";
  • var Appel;
  • var Avant = -1;
  • var Apres = -1;
  • var szApres ="[&nbsp;Suivant&nbsp;]";
  • var szAvant ="[&nbsp;Pr&eacute;c&eacute;dent&nbsp;]";
  • //-- Récupération page affichée
  • Appel = window.location.href;
  • Appel = Appel.toLowerCase();
  • //-- Traitement
  • with( Cde){
  • //-- Premier de la liste donc pas de précédent
  • if( Appel.indexOf( Href[0]) > -1){
  • Avant = -1;
  • Apres = 1;
  • }
  • //-- Dernier de la liste donc pas de suivant
  • if( Appel.indexOf( Href[Href.length-1]) > -1){
  • Avant = Href.length-2;
  • Apres = -1;
  • }
  • //-- Les autres cas
  • for( i=1; i < Href.length-1; i++){
  • if( Appel.indexOf( Href[i])> -1){
  • Avant = i-1;
  • Apres = i+1;
  • }
  • }
  • }
  • //-- Début affichage
  • Html +='<table width="99%"><tr><td align=center>';
  • Html +='<table border=0 cellspacing=2 cellpadding=5><tr>';
  • with( Cde){
  • if( Avant >-1)
  • Html += '<td nowrap align=center><a class="ALien" href="' +Href[Avant] +'">' + szAvant +'</a></td>';
  • else
  • Html += '<td nowrap align=center class=NoActif>'+ szAvant +'</td>';
  • if( Apres >-1)
  • Html += '<td nowrap align=center><a class="ALien" href="' +Href[Apres] +'">' +szApres +'</a></td>';
  • else
  • Html += '<td nowrap align=center class=NoActif>'+ szApres +'</td>';
  • }
  • Html +='</tr></table>';
  • Html +='</td></tr></table>';
  • document.write( Html);
  • }
  • //== INITIALISATION ==================
  • //-- Création des liens vers les pages
  • var Cde = new Lien();
  • Cde.AddLien( "gfindex.htm", "Acceuil");
  • Cde.AddLien( "page_01.htm", "Page 1");
  • Cde.AddLien( "page_02.htm", "Page 2");
  • Cde.AddLien( "page_03.htm", "Page 3");
  • Cde.AddLien( "page_04.htm", "Page 4");
  • //-- On met du style pour le Sommaire
  • Html = '<STYLE TYPE="text/css">';
  • Html += 'A.ALien:LINK,';
  • Html += 'A.ALien:VISITED{color:#0000ff; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
  • Html += 'A.ALien:ACTIVE {color:#0000ff; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
  • Html += 'A.ALien:HOVER {color:#00c000;}';
  • Html += '.Appel {color:#00ff00; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
  • Html += '.NoActif {color:#c0c0c0; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
  • Html += '</STYLE>';
  • document.write( Html);
  • //-- EoF ----------------------------------------------------------------------
//--------------------------------------
//  Nom Document : GFINDEX.JS
//  Auteur       : G.Ferraz
//  Objet        :
//  Mise à Jour  :
//  ------------------------------------
//-------------
function Lien(){
  this.Href    = new Array();
  this.Label   = new Array();
  this.AddLien = AddLien;
}
//------------------------------
function AddLien( href_, label_){
  var i = this.Href.length;
  this.Href[i]  = href_;
  this.Label[i] = label_;
}
//----------------------
function WriteSommaire(){
  var i;
  var Html  ="";
  var Appel;

  //-- Récupération page affichée
  Appel = window.location.href;
  Appel = Appel.toLowerCase();

  //-- Début affichage Sommaire
  Html +='<table width="99%"><tr><td align=center>';
  Html +='<table border=0 cellspacing=1 cellpadding=5 bgcolor="#808080"><tr>';
  with( Cde){
    for( i =0; i < Href.length;i++){
      //-- Si le lien n'est pas la page affichée
      if( Appel.indexOf( Href[i]) < 0){
        Html += '<td nowrap align=center valign=center bgcolor="#f0f0f0">';
        Html += '<a class="ALien" href="' +Href[i] +'">' +Label[i] +'</a></td>';
      }
      else{
        Html += '<td nowrap align=center valign=center bgcolor="#0000c0">';
        Html += '<span class=Appel>' +Label[i] +'</span></td>';
      }
    }
  }
  Html +='</tr></table>';
  Html +='</td></tr></table>';
  document.write( Html);
}
//----------------------
function WriteNextLast(){
  var i;
  var Html  ="";
  var Appel;
  var Avant = -1;
  var Apres = -1;
  var szApres ="[&nbsp;Suivant&nbsp;]";
  var szAvant ="[&nbsp;Pr&eacute;c&eacute;dent&nbsp;]";

  //-- Récupération page affichée
  Appel = window.location.href;
  Appel = Appel.toLowerCase();

  //-- Traitement
  with( Cde){ 
    //-- Premier de la liste donc pas de précédent
    if( Appel.indexOf( Href[0]) > -1){
      Avant = -1; 
      Apres = 1;
    }
    //-- Dernier de la liste donc pas de suivant
    if( Appel.indexOf( Href[Href.length-1]) > -1){
      Avant = Href.length-2;
      Apres = -1;
    }
    //-- Les autres cas
    for( i=1; i < Href.length-1; i++){
      if( Appel.indexOf( Href[i])> -1){
        Avant = i-1;
        Apres = i+1; 
      }
    }
  }
  
  //-- Début affichage
  Html +='<table width="99%"><tr><td align=center>';
  Html +='<table border=0 cellspacing=2 cellpadding=5><tr>';
  with( Cde){
    if( Avant >-1)
      Html += '<td nowrap align=center><a class="ALien" href="' +Href[Avant] +'">' + szAvant +'</a></td>';
    else 
      Html += '<td nowrap align=center class=NoActif>'+ szAvant +'</td>';
    if( Apres >-1)
      Html += '<td nowrap align=center><a class="ALien" href="' +Href[Apres] +'">' +szApres +'</a></td>';
    else
      Html += '<td nowrap align=center class=NoActif>'+ szApres +'</td>';
  }
  Html +='</tr></table>';
  Html +='</td></tr></table>';
  document.write( Html);

}
//== INITIALISATION ==================

//-- Création des liens vers les pages
var Cde = new Lien();
Cde.AddLien( "gfindex.htm", "Acceuil");
Cde.AddLien( "page_01.htm", "Page 1");
Cde.AddLien( "page_02.htm", "Page 2");
Cde.AddLien( "page_03.htm", "Page 3");
Cde.AddLien( "page_04.htm", "Page 4");

//-- On met du style pour le Sommaire
Html  = '<STYLE TYPE="text/css">';
Html += 'A.ALien:LINK,';
Html += 'A.ALien:VISITED{color:#0000ff; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
Html += 'A.ALien:ACTIVE {color:#0000ff; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
Html += 'A.ALien:HOVER  {color:#00c000;}';
Html += '.Appel   {color:#00ff00; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
Html += '.NoActif {color:#c0c0c0; font-size:13px; font-family:Verdana; font-weight:bold; text-decoration:none;}';
Html += '</STYLE>';
document.write( Html);

//-- EoF ----------------------------------------------------------------------

 Conclusion

Ceci est un exemple que vous pouvez tout à fait enrichir... ne vous genez surtout pas

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip CLEAR D'UN INPUT FILE
Source avec Zip FONCTION ALERT ET LES ACCENTS
Source avec Zip LECTURE ET RÉCUPÉRATION DES LIGNES D'UN FICHIER TEXTE
Source avec Zip Source avec une capture RECHERCHE ET COLORISATION, MISE EN SURBRILLANCE
Source avec Zip DIV QUI SUIT LE SCROLLING DE LA PAGE

 Sources de la même categorie

Source avec Zip Source avec une capture SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth
Source avec Zip INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges
Source avec Zip Source avec une capture TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia
COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture GESTION DES MESSAGES D'ERREUR 404 PERSONALISÉS ET PAGE DE MA... par jmbond

Commentaires et avis

Commentaire de masternico le 14/03/2006 11:28:01

La fonction est interessante. Reste à changer le style... :)

Commentaire de cavalier2400 le 05/09/2010 16:35:40

Bonsoir, je n'arrive pas placer this sommaire en bas de bas page, merci pour votre aide.

Commentaire de PetoleTeam le 08/09/2010 18:43:17

Bonjour,
il te suffit d'insérer le script en fin de ta page
<html>
<head>
<title>[PetoleTeam]</title>
</head>
<body>
LE CONTENU de TA PAGE
<script type="text/javascript">
WriteSommaire();
WriteNextLast();
</script>
</body>
</html>

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Fermer une page qui contient des cadres [ par Nox ] salut!j'ai un index.html qui contient 2 cadres: "page" et "bas"(page.html et bas.html)bon...dans page.html j'ai une fonction Quitter dans un &lt;a&gt; Timeout [ par turlut ] Bonjour tout le monde !J'aimerais bien créer un code javascript qui ouvre une fenêtre avec un url genre www.monsite.com/index.php?url= avec une boucl ouvrir page en modifiant contenu des frames [ par cyrilc ] Salut à tous,J'ai une page (index.htm) contenant deux frames pointant vers respectivement vers bandeau.htm et principal.htm.Je voudrais pouvoir ouvrir Bloqué la taille d'une fenêtre index???? [ par donmiguel ] Salut à tous, voilà, j'ai presque terminé mon site (presque) mais j'ai quelque détail encore à régler donc un qui me donne du fil à retordre lol... je Rediriger une page vers un iframe ? [ par Dkparker21 ] Voila mon problème, Quand j'ouvre une page nommée "page.htm", je vérifie si elle est bien dans l'iframe 'cadre1' prévu à cet effet par :&lt;script z-index [ par MiTcH37 ] buenos dias...j'aimerai savoir comment modifier le z-index d'une div par le javascript...par exemple pour la hauteur c'est :document.all.NomDiv.style. par dessous ou par dessous ...? [ par GuilleW ] voila .. il me faudrai un code du style :z-index:'100'mais dans une fonction ... je m'explique ...disons que j'ai deux &lt;div&gt; en posi Cookies & Sessions [ par pyranhaz ] Il semble qu'il soit possible avec des cookies de gérer l'entrée des visiteurs sur un site...Je souhaite que tous les visiteurs passent obligatoiremen factorisation de plusieurs pages html [ par cresus18 ] Tout d'abord, je vous remercie d'avance de préter attentionà mon problème qui est le suivant :Voila, je débute et j'attaque par une page web sur mes L problème de pop up [ par mightteam ] j'aimerais faire un refresh sur mon index apres la fermeture d'un pop up qui est ouvert via cet index comment puis-je faire?Merci d'avance


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,764 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales