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

JavaScript 1.3

  Restreindre un accès par login et mot de passe

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 limiter l'accès à certaines pages aux utilisateurs référencés, ayant un login et un mot de passe que vous leur fournissez.
  Principe
On crée deux 'tableaux de données', un pour les logins, un pour les mots de passe. Le premier login a pour mot de passe le premier mot de passe.
On place dans des variable les deux saisies du visiteur pour plus de commodité.
On vérifie ensuite la bonne adéquation du login et du mot de passe (existent-ils dans nos tableaux ?).
Si le login existe mais que le mot de passe n'est pas bon, action 'moyenne', si le login n'existe pas, action 'négative'. Si par contre le login et le mot de passe sont corrects (existent dans nos tableaux), on lance l'action voulue.

Attention : les logins et mots de passe étant indiqués clairement dans le script, il va de soit que le script doit absolument être placé dans un fichier externe (script.js), sinon il perd tout son sens.
Sachant que la fonction "Enregistrer" d'Internet Explorer téléchargera le script externe et il deviendra visible agrave; l'utilisateur.
  Le script
dans la partie <head>
<script language="JavaScript">
function verif() {

// on crée la liste des logins
logs = new Array();
logs[0] = "toto";
logs[1] = "titi";

// on crée la liste des mots de passe correspondants
pass = new Array();
pass[0] = "1234";
pass[1] = "2468";

// on intercepte ce qui a été saisi par le visiteur
var login = document.formulaire.login.value;
var password = document.formulaire.password.value;

// on va passer en revue tous les logins possible
for ( i = 0; i < logs.length; i++ ) {

// si la saisie du visiteur est un login reconnu...
if ( login == logs[i] && password == pass[i] ) {

// Un petit message et le chargement du fichier caché !
alert('Bienvenue a vous ' + logs[i]);
location.href = "fichier_cache.html";

// on arrête la recherche de login
break;
}

// si le login est bon mais le mot de passe incorrect...
if ( login == logs[i] && password != pass[i] ) {
alert('Votre mot de passe est incorrect, reessayez.');
document.formulaire.password.focus();
break;
}

// si la saisie n'est pas reconnue et qu'on en était au dernier login
if ( login != logs[i] && i == (logs.length-1) ) {
alert('Votre login n\'est pas reconnu...');
}

// si le login n'est pas reconnu mais qu'on en n'est pas au dernier, on reprend au début
if ( login != logs[i] ) {
continue;
}
}
}
</script>

dans la partie <body>
<form name="formulaire">
Entrez votre login : <input type="text" name="login" size="15"> (toto et titi sont acceptés mais testez aussi avec d'autres logins).
Entrez votre password : <input type="text" name="password" size="15"> (respectivement 1234 et 2468 sont acceptés mais testez aussi avec d'autres codes).
<input type="button" value="Acceder" OnClick="verif();">
</form>
  Démonstration
Entrez votre login : (toto et titi sont acceptes mais testez aussi avec d'autres logins).
Entrez votre password : (respectivement 1234 et 2468 sont acceptes mais testez aussi avec d'autres codes).
  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é :
    div_log_pass.zip
    2 Ko
    telechargez le script telechargez le script
    Script séparé :
    div_log_pass2.zip
    2 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