Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Générateur d'historique

Script posté par :

pmn@ntes
Vous aussi, postez vos scripts en cliquant ici.

Description

Générez un historique propre à votre site, listez toutes les pages ouverte, sur le site ou vers l'extérieur.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 3 et +
	Internet Explorer : 4 et +

Chiffres :

Date de création : 29/03/2006
Dernière modif : -
Visites de la page : 14746
Envois par mail : 151

Exemple :

Le code :

Entre <BODY> et </BODY> :

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
		<tr>
						<td width="100%" align="center">
						
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="50%">
		<tr>
						<td width="50%" class=txt_1>
						<form>
	<fieldset style="text-align: center">
	<legend align="left">
	<font color="#786654">Testez l'historique</font> &nbsp;</legend>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="400" height="20">
		<tr>
						<td class=txt_1 width="400" height="20">
										Cliquez sur ces différents liens avant de pouvoir tester l'historique. </td>
		</tr>
</table>
										<hr align=center width="404">
	
<table border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse" bordercolor="#111111" width="400">
												<td width="10">
&nbsp;</td>
												<td width="78">
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.weborama.fr" onclick=ecritCook('http://www.weborama.fr')>Page N° 1</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.kit-graphique.info" onclick=ecritCook('http://www.kit-graphique.info')>Page N° 2</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://teamzeroabsolu.free.fr" onclick=ecritCook('http://teamzeroabsolu.free.fr')>Page N° 3</a></td>
												<td width="78">
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.tonsite.com" onclick=ecritCook('http://www.tonsite.com')>Page N° 4</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.kitgrafik.com" onclick=ecritCook('http://www.kitgrafik.com')>Page N° 5</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.rapidomaine.fr" onclick=ecritCook('http://www.rapidomaine.fr')>Page N° 6</a></td>
												<td width="78">
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.kit-graphique-webmaster.com/kit-graphique.html" onclick=ecritCook('http://www.kit-graphique-webmaster.com/kit-graphique.html')>Page N° 7</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.service-webmaster.fr" onclick="ecritCook('http://www.service-webmaster.fr')">Page N° 8</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.solutionslinux.fr" onclick=ecritCook('http://www.solutionslinux.fr')>Page N° 9</a></td>
												<td width="83">
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.kitgratos.net" onclick=ecritCook('http://www.kitgratos.net')>Page N° 10</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.azote.org" onclick=ecritCook('http://www.azote.org')>Page N° 11</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.yoop-e.com/referencement.php" onclick=ecritCook('http://www.yoop-e.com/referencement.php')>Page N° 12</a></td>
												<td width="83">
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.mozilla.com" onclick=ecritCook('http://www.mozilla.com')>Page N° 13</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.oreilly.fr" onclick=ecritCook('http://www.oreilly.fr')>Page N° 14</a><br>
<a class=bleu target="_cadr" alt="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." title="Attendez le chargement complet d'une page dans le cadre avant d'en ouvrir une nouvelle." href="http://www.bescherelle.com" onclick=ecritCook('http://www.bescherelle.com')>Page N° 15</a>	
</td>
		</tr>
</table>
						</fieldset>
</form></td>
		</tr>
</table>
</td>
		</tr>
</table>

<input type=checkbox name=laList value="ON"><a class="noir" alt="Ne pas ajouter la prochaine page ouverte à l'historique." title="Ne pas ajouter la prochaine page ouverte à l'historique." onclick="if(document.leForm.laList.checked==0){document.leForm.laList.checked=1;vL=1}else if(document.leForm.laList.checked==1){document.leForm.laList.checked=0;vL=0}" onmouseover=window.status='';return(true) href="javascript:void(0)">&nbsp;Ne pas ajouter la prochaine page à la liste de l'historique.</a></td>
												</tr>
										</table>

<input type=checkbox name=razhist value="ON"><a class="noir" alt="Effacer l'historique une fois la page fermée." title="Effacer l'historique une fois la page fermée." onclick="if(document.leForm.razhist.checked==0){document.leForm.razhist.checked=1;vR=1}else if(document.leForm.razhist.checked==1){document.leForm.razhist.checked=0;vR=0}" onmouseover=window.status='';return(true) href="javascript:void(0)">&nbsp;Effacer l'historique après mon départ.</a></td>
												</tr>
										</table>
						</td>
		</tr>
</table>
</form>
<table border="0" cellpadding="0" cellspacing="0" class=txt_1 style="border-collapse: collapse" bordercolor="#111111" width="400" height="50">
		<tr>
						<td width="20">
&nbsp;</td>
						<td width="190" valign="top">
<div ID=laList1 style=position:absolute;margin-top:-6></div>
<div ID=laList2 style=position:absolute;margin-top:20;margin-left:-6;z-Index:2></div>
</td>
						<td width="190" valign="top">
<div ID=laPage1 style=position:absolute;margin-top:-6></div><br>
<div ID=laPage2 style=position:absolute;margin-top:-6></div><br>
<div ID=laPage3 style=position:absolute;margin-top:-16;margin-left:-6></div></td>
						<td width="20" align="right" valign="bottom"><input type="button" alt="Configuration de l'historique" title="Configuration de l'historique" value=" ? " onclick="affichReglag(1)"></td>
		</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="400" height="20">
		<tr>
						<td width="400" height="20">
</td>
		</tr>
</table>
</td>
		</tr>
</table>

</td>
		</tr>
</table>

Dans un fichier nommé Histo.js placé dans le même repertoire que votre page :

var Jour = 60*1000*60*24
var maxLienList = 10                              //______ CONFIGURATION PAR DEFAUT 10 PAGES _______//
var dureeEnreg  = 1                               //______ CONFIGURATION PAR DEFAUT 1 JOUR _________//
var num         = 0
var nombHist    = 0
var nombLien    = 0
var affLien     = 0
var affCadrLien = 0
var affCadr     = 0
var supLien     = 0
var vF          = 0
var vR          = 0
var vL          = 0
var leCadr      = 1
var leLien      = ''
var po          = '.'
var ba          = '/';
var ht          = 'http://'
var ww          = 'http://www.'
var po2         = ''

if (!document.getElementById("leCadr")){
leCadr = 0 
}

var pagCad = 'http://www.editeurjavascript.com/'  //______ LA PAGE A AFFICHER DANS LE CADRE A L'OUVERTURE DE LA PAGE ______//

CookHistor(0); posit = argCook.split("¤"); pageHist = posit[0];

function ecritCook(arg){
   if (vL == 1){
      setTimeout('document.leForm.laList.checked=0;vL=0',100)
   }
   else {
      setTimeout('lectList(0)',100)
      if (arg == 0){
          setTimeout('comptLien(0)',10)
      }
      if (arg != 0){
          CookHistor(arg)
          setTimeout('comptLien(1)',10)
      }
   }
   if (arg != location.href){
      ouvPag(arg)
   }
}

function effacList(){
    comptLien('*_*'); 
    CookHistor('*_*');
    if (document.getElementById("laList1")){
       document.getElementById("laList1").innerHTML = ""
       document.getElementById("laList2").innerHTML = ""
       document.getElementById("laPage2").innerHTML = ""
       document.getElementById("laPage3").innerHTML = ""
    }
    pageHist = ""; 
    pageOuv = ""; 
    num = 0; 
    nombHist = 0; 
    affLien = 0; 
    affCadrLien = 0
    setTimeout("ecritCook(location.href)",100)
    CookHistor(0); 
    posit = argCook.split("¤"); 
    pageHist = posit[0]; 
}

function razHist(arg){
   if (vR == 1 && arg == 1){
      document.leForm.razhist.checked=0
      comptLien('raz'); 
      CookHistor('raz');
   }
}

function ouvPag(argURL){
   if (leCadr == 1){
      if (vF == 1){
         window.open(''+argURL+'','','scrollbars=yes, menubar=1, status=1, location=1, toolbar=1, resizable=1');
         document.leForm.laFen.checked = 0
         vF = 0
      }
      else if (leCadr == 1 && vF == 0){
         laFenetre = '<iframe scrolling="no" name="_cadr" src="'+argURL+'" width=400 heigth=180>'+
                     '</iframe>'
         leCache = '<table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor=#111111 width="410" height="150"><tr><td></td></tr></table>'
         if (document.getElementById("leCadr")){
            document.getElementById("leCadr").innerHTML = laFenetre
            document.getElementById("leCach").innerHTML = leCache
            milFen = document.body.clientWidth / 2
            document.getElementById("leCach").style.left = milFen - 205
         }
      }
   }
   else {
      window.open(''+argURL+'','','scrollbars=yes, menubar=1, status=1, location=1, toolbar=1, resizable=1');
   }
}

document.write('<div ID=leCadrConf style=position:absolute></div>')

function validSelect(){
   var arg1 = '' ; arg2 = ''
   if (document.formChoix.laDur1){
      if (document.formChoix.laDur1.checked == 1){
         document.formChoix.laDur1.checked = 1
         arg1 = 1
      }
   }
   if (document.formChoix.laDur2){
      if (document.formChoix.laDur2.checked == 1){
         document.formChoix.laDur2.checked = 1
         arg1 = 7
      }
   }
   if (document.formChoix.laDur3){
      if (document.formChoix.laDur3.checked == 1){
         document.formChoix.laDur3.checked = 1
         arg1 = 30
      }
   }
   if (document.formChoix.nombPag1){
      if (document.formChoix.nombPag1.checked == 1){
         document.formChoix.nombPag1.checked = 1
         arg2 = 10
      }
   }
   if (document.formChoix.nombPag2){
      if (document.formChoix.nombPag2.checked == 1){
         document.formChoix.nombPag2.checked = 1
         arg2 = 20
      }
   }
   if (document.formChoix.nombPag3){
      if (document.formChoix.nombPag3.checked == 1){
         document.formChoix.nombPag3.checked = 1
         arg2 = 50
      }
   }
   if (arg1 != '' && arg2 != ''){
      enregSelect(arg1,arg2)
   }
   if (document.formChoix.choix1 && document.formChoix.choix1.checked == 1){
      if (leCadr == 1 && document.leForm.laFen){
         document.leForm.laFen.checked = 1
         vF = 1
         lectList(0)
      }
   }
   else {
      if (leCadr == 1 && document.leForm.laFen){
         document.leForm.laFen.checked = 0
         vF = 0
      }
   }
   if (document.formChoix.choix2 && document.formChoix.choix2.checked == 1){
      if (leCadr == 1 && document.leForm.laList){
         document.leForm.laList.checked = 1
         vL = 1
      }
   }
   else {
      if (leCadr == 1 && document.leForm.laList){
         document.leForm.laList.checked = 0
         vL = 0
      }
   }
   if (document.formChoix.choix3 && document.formChoix.choix3.checked == 1){
      if (leCadr == 1 && document.leForm.razhist){
         document.leForm.razhist.checked = 1
         vR = 1
      }
   }
   else {
      if (leCadr == 1 && document.leForm.razhist){
         document.leForm.razhist.checked = 0
         vR = 0
      }
   }
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::: SI VOUS CHOISISSEZ DE SUPPRIMER LE CADRE ET LE TABLEAU, VOUS POUVEZ SUPPRIMER TOUT CE QUI SUIT ::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

:::::::::::::::::::::: QUELQUES EXPLICATIONS POUR INSTALLER  ::::::::::::::::::::::::::::::

- Ce script doit être enregistrer dans un fichier.js nommé "Histo.js".

- Pour fonctionner correctement ce code à besoin des cookies.

- Sur chacune des pages de votre site, insérer l'appel de fonction dans la balise "<body>" 
         
           pour enregistrer chaque page à l'ouverture comme ceci :

et insérer la balise :

entre les balises "<body> et </body>" tout en bas de la page.

- Dans la page qui sera l'historique du site, entre les balises "<body> et </body>"

tout en bas de la page, insérer la balise :

et l'appel des fonctions dans la balise "<body>", comme ceci :

sur cette page il est indispensable d'avoir les boutons et les <div> comme indiqué plus bas.

- Sur chaque lien ciblant une page extérieur au site, insérer l'appel de fonction pour

enregistrer l'adresse de cette page dans l'historique comme ceci :

- Pour fonctionner avec le cadre ce code a besoin des 4 boutons et des 5 <div> suivants, le tableau

sur cette présentation n'est destiné qu'a la mise en page de cette démonstration.

- Le cadre d'affichage des pages n'est pas indispensable, il n'est ici que pour la présentation des

fonctionnalités de l'historique, vous pouvez le supprimer sans créer de disfonctionnement.

- Si vous choisissez de supprimer le cadre et le tableau, pour pouvoir afficher l'historique, vous devez garder

le bouton et le <div> suivant :

ils sont indispensables pour développer la liste des pages.

- NB. Chaque page peux supporter l'historique avec juste le bouton et le <div> comme indiqué précédemment,

puisque celui peux être masqué et ne laisser apparaitre qu'un bouton.

/*
pmn@ntes - 03 mars 2006
pinard.m_ _ _@_ _ _nantes.fr
*/

Si vous ne savez pas comment créer le fichier Histo.js, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

Pas d'annotation pour ce script.
>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Lycos hebergement
Domaine gratuit 1 an, 1000 Mo d'espace, 100 comptes Email, 20 Go de trafic /mois, 1 base mySQL, 1 comptes FTP pour moins de 7 € / mois. Par mal d'offres à découvrir.
http://webcenter.lycos.fr/

Cat : Hebergement web
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

61316 membres
7208 comptes CountUs
1721 comptes myCircle

LES FORUMS :

14 forums
39942 topics
190892 messages
>> Les forums

SONDAGE

La mini-astuce "HTML / CSS" du jour par fred
L'attribut media vous permet de définir une feuille de style différente selon le média de sortie : affichage dans un navigateur (media="screen"), impression (media="print"), impression en braille (media="embossed"), etc. Syntaxe : <link rel="stylesheet" media="screen" href="style.css">
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi