En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 
 
 

Webmaster - Infos

 

Préférences


Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe


  2104481 visiteurs
  6 visiteurs en ligne

  34 membres
Connectés :
( personne )
Snif !!!
 
 
 
 
 
Vous êtes ici :   Accueil » Protéger une page de Site
 
 
 
    Imprimer la page...
    Imprimer la section...

Protéger une page de Site

Protéger une page de site par un Mot de passe.
 
Que l'on soit paranoïaque ou simplement soucieux de préserver son intimité ou une certaine confidentialité, il arrive qu'on souhaite protéger l'accès à certaines pages web par un mot de passe.
JavaScript peut - encore une fois - nous aider.

 Notez quand même que la meilleure façon de protéger une page ou tout un répertoire reste l'intervention au niveau du serveur.
Certains sites d'hébergement ne vous le vous permettent pas.

Revenons à JavaScript. Je ne parlerai pas ici des exemples de mots de passe avec cryptage, mais simplement d'une technique extêmement simple qui conviendra à la plupart des besoins.
L'astuce permet de protéger une page par mot de passe : Le mot de passe est le nom du fichier.

Supposons qu'on veuille faire un lien vers la page protégée nommée adresses.html, le mot de passe sera alors "adresses"...
Ce n'est pas très malin n'est-ce pas ?
Commencez par renommer le fichier en bebert007.html par exemple.
Le mot de passe sera alors "bebert007", un peu moins facile à trouver par hasard.

Dans la page qui contient le lien, préparez le script suivant dans l'en-tête :

A placer dans la partie <head></head>

<script LANGUAGE="JavaScript">
<!-- debut du script
function checkPswd(ext) {
  if ((document.pswdForm.pswd.value == null) || (document.pswdForm.pswd.value == ''))
    alert('Mot de passe invalide.');
  else this.location.href = document.pswdForm.pswd.value + ext;
}
// fin du script -->
</script>

A placer dans la partie <body></body>

<form NAME="pswdForm"><input TYPE="password" NAME="pswd" SIZE="15">  <input TYPE="button" VALUE="ENTRER" onClick="checkPswd('.html')"></form>

Voici également un lien que je donnais lors d'une question posée à ce sujet dans mon Forum, il y a déjà 3 ans.
Cliquez
  cool
Aujourd'hui, Dimanche 15/04/2018, je viens de vérifier, il fonctionne toujours.
Toutefois, il faut-être patient, la page mets du temps à se télécharger.

Date de création : 09/04/2009 - 11:07
Dernière modification : 26/02/2019 - 08:27
Catégorie : -
Page lue 11215 fois


Réactions à cet article


Réaction n°1 

par Gerard le 04/02/2016 - 10:34
Bonjour
Quelques explications complémentaires seraient nécessaire pour tester cette méthode.
Cordialement

Derniers Messages de mon Forum PhpBB3

forum.gif

Lire la suite

Derniers Messages de mon Livre d'or Alex_GuestBook

livredor.gif

Utilisateur de Guppy, je suis membre de l'association "FreeGuppy", et vous ???



ban_asso_rv.gif

Lire la suite

livredor.gif

Utilisateur de Guppy, je suis membre de l'association "FreeGuppy", et vous ???



ban_asso_rv.gif

Fermer

Le Vide-grenier de Henri Chéli

houa.gif

Devant l'abondance de matériel informatique récupéré çà et là, et remis en état,

j'ai décidé d'ouvrir un Vide Grenier.

C'est aussi une façon pour moi de faire l'inventaire de mes trésors. smile

N'hésitez pas à vous renseigner.

Mise à jour du Plugin "QuickCart V5" en V6.7 par "Linuxmr" le 19/03/2018

Ce Plugin "Boutique", remis à jour par LINUXMR est à nouveau disponible en V6.01 depuis le 14 Janvier 2019

vide-grenier.jpg>

Cliquez là ou ci-dessous, ou dans le Menu  nouveau4.gif

Lire la suite

houa.gif

Devant l'abondance de matériel informatique récupéré çà et là, et remis en état,

j'ai décidé d'ouvrir un Vide Grenier.

C'est aussi une façon pour moi de faire l'inventaire de mes trésors. smile

N'hésitez pas à vous renseigner.

Mise à jour du Plugin "QuickCart V5" en V6.7 par "Linuxmr" le 19/03/2018

Ce Plugin "Boutique", remis à jour par LINUXMR est à nouveau disponible en V6.01 depuis le 14 Janvier 2019

vide-grenier.jpg>

Cliquez là ou ci-dessous, ou dans le Menu  nouveau4.gif

Fermer

Guppy 5.02.02 et Nouveautés magiques

Guppy 5.02.02

guppy.gif

Et voici Guppy 5.0.0.2, la 100ème version de Guppy. Dans quelques jours, Guppy aura 15 ans. La première version de miniPortail est sortie le 30 décembre 2002. Pour cette 100ème version, deux nouveautés importantes font leur apparition.

- l'intégration du plugin jQuery Unite-Gallery, y compris la partie administration.

- l'intégration du plugin jQuery Liquid Slider, y compris la partie administration.

Un grand "Bravo" à "Saxbar", à Papinou et à la "GuppyTeam" pour toutes ces nouveautés.

Unite-Gallery

photo.gif

Unite Gallery est un plugin jQuery responsive, pour des galeries de photos et de vidéos. Cette galerie puissante et rapide, a toutes les fonctionnalités nécessaires, responsive, réactive au toucher et même un effet zom.
Responsive - s'adapte à chaque écran avec préservation automatique du ratio et peut répondre à un changement de taille d'écran.
Toucher - Toutes les parties de la galerie peuvent être contrôlées par des dispositifs tactiles.
Skinnable - Possibilité de changer de skins avec facilité dans différents fichiers css sans toucher la galerie principale css.
Thèmes - plusieurs thèmes, chaque thème a ses propres options et fonctionnalités, mais il utilise les objets de base de la galerie.
Effet Zoom - un effet zoom unique qui peut-être appliqué à l'intérieur des boutons, de la molette de la souris ou d'un geste de pincement au toucher.
Thème Vidéo - à partir de : Youtube, Vimeo, HTML5, Wistia.

Liquid Skidery

ordinateur.pngsmartphone.pngtablettes.png

Liquid Slider est un Slider jQuery Responsive, ce qui sous-entend créer dans le but de s'adapter à tous les terminaux et par conséquent aux différentes tailles d'écran.

Il présente des transitions CSS3, utilise "animate.css", la navigation dynamique par glisser-déplacer, et plus encore.

Puissant, facile à utiliser et rapide.

Il est entièrement réactif et totalement adaptable aux changements de largeur et d'orientation, utilisant des animations CSS3 modernes pour forcer l'acquisition matérielle sur les périphériques mobiles, vous n'aurez jamais à vous soucier des transitions lentes ou rapides.