Protection simple par mot de passe

**Virginie45** · 20/10/2018, 12h31

Bonjour

Je cherche à faire quelque chose qui, je pense, est très simple mais je n'y connais rien en script.
Je crée un site web pour un jeu de rôle.
Chaque joueur pourra accéder à certaines informations selon son rôle.

Je souhaite donc créer un champ texte qui renvoie vers une page html.
exemple : le joueur s'appelle Claude. Si il tape claude, il sera renvoyé vers la page claude.html

J'ai trouvé un script qui correspond quasiment à ce que je recherche, mais il m'ouvre une popup pour l'identification.
Je ne veux pas de popup. Juste un champ de texte et un bouton.

Voici le code que j'utilise pour l'instant :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<SCRIPT>
<!--
function AccesProtege() {
self.location.href=prompt("Mot de passe :","") + ".html";
}
-->
</SCRIPT>
 
<BODY>
<A HREF="javascript:AccesProtege()">Texte du lien</A></P>
</BODY>

Script visible et testable ici : http://www.thelin.net/laurent/labo/js/password.html

Quelqu'un peut me dire quoi modifier pour que cela devienne un champ de texte simple, ou me proposer un autre code ?

Merci d'avance

Virginie

**badaze** · 20/10/2018, 19h11

Euh. Si ça c’est un accès protégé alors je suis la reine d’Angleterre.

Il suffit que Claude tape Jean et il voit ce que seul Jean doit voir. Pour un accès réellement protégé il faut passer par un langage serveur type php ou asp.

**Virginie45** · 20/10/2018, 20h29

C’est pour un jeu. C’est un site web en intra. Pas pour le diffuser. Donc je souhaite qq chose d’aussi simple possible.

**badaze** · 20/10/2018, 20h49

C’est du pareil au même. Si la protection peut être levée aussi facilement autant ne pas en mettre.

**eleydet** · 20/10/2018, 21h18

Une solution...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
  <script>
    function AccesProtege() {
      var page = document.getElementById("mdp").value;
      self.location.href = page + ".html";
    }
  </script>
</head>
 
<body>
  Mot de passe : <input type="text" id="mdp"><br>
  <input type="button" value="Valider" onclick="AccesProtege();">
</body>
 
</html>

**Virginie45** · 21/10/2018, 00h20

Merci beaucoup eleydet... C'est exactement ce que je voulais

Problème résolu !!

Badaze, en fait je t'ai pas demandé ton avis sur la sécurité, tu ne connais pas le projet en détail. Ma demande était simple.
Merci quand même pour le up.

Protection simple par mot de passe

JavaScript

Vue hybride

Discussions similaires

Partager

Partager