Antworten auf deine Fragen:
Neues Thema erstellen

Passwort mit JavaScript → Anfänger

simonpicos

Mod | Forum

Hallo ihr im Webbereich,

Ganz zu Beginn: Ich weiß, dass eine Passwortabfrage mit JavaScript gleich null Prozent Sicherheit bedeutet, aber mir geht es vorrangig darum JavaScript zu erlernen (da bin ich gerade dran :) ) Bitte also keine Beiträge in diese Richtung :)

Zuerst ein mal gebe ich den js-code und dann die html-codes von den Seiten.

JS-Code
Code:
function password(){
                    password=prompt("Bitte geben sie ihr Passwort für die Seite ein!");
                if (password=="simonpicos"){
                    location.href = "page.html";
                    }
                else{
                        alert("Das Passwort war falsch! Sie haben noch zwei Versuche!");}
                
                password=prompt("Bitte geben sie ihr Passwort für die Seite ein!");
                if (password=="simonpicos"){
                    location.href = "page.html";
                    }
                else{
                        alert("Das Passwort war falsch! Sie haben noch einen Versuche!");}
                        
                password=prompt("Bitte geben sie ihr Passwort für die Seite ein!");
                if (password=="simonpicos"){
                    location.href = "page.html";
                    }
                else{
                        alert("Das Passwort war falsch! Sie dürfen diese Seite nicht betreten!");
                        location.href = "fail.html"}
                    
}


HTML-Code zu dieser Seite:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>
        <title>Javascript</title>
        
        <script language="JavaScript" src="javascript.js">
        </script>
        
    </head>
    
    
    <body onload="password()">
    
    </body>
    
</html>


Nun der Code zur Seite, auf die man gelangt, wenn man das Passwort 3-mal falsch eingegeben hat:


HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>
        <title>Javascript</title>
        
        <script language="JavaScript" src="javascript.js">
        </script>
        
        <style>
        body{
                background-color: red;
        }
        
        p{        color: blue;
                font-size: 80px;
                text-align: center;
        
        }
        </style>
        
    </head>
    
    
    <body id="failmain">
    
    <p id="fail"> ~Authenzifierung fehlgeschlagen!~ </p>
    
    </body>
    
</html>


Als letztes der Code zur Seite auf die man eigentlich gelangen soll:


HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>
        <title>Javascript</title>
        
        
        <style>
        
            #main{    width: 800px;
                    height: 2000px;
                    background-color: #993333;
                    border-top-left-radius: 50px;
                    border-bottom-right-radius: 50px;
                    margin: auto;
            }
            
            #txt{    font-size: 25px;
                    color: white;
                    margin: 30px;
                    padding-top:100px;
            }
            
            #formtxt{    color: white;
                        margin-left: 30px;
            
            }
            
            
            #bt{    margin-left:30px;
                    margin-top: 50px;
            }
            
            #input{    margin-left: 30px;
            }
            
            #submit{    margin-left: 30px;
            }
            
            
        </style>
        
        
            <script language="JavaScript" src="javascript.js">>
            
            
            </script>

        <link href="style.css" type="text/css" rel="stylesheet" />
    </head>

    <body >
    
    <div id="main">
        <p id="txt" >Hallo! Dies ist eine Testseite für einen kleinen Javascriptdialog. Wenn sie Lust haben, können die mit Klick auf: "Los gehts!" Beginnen.
        </p>

        <button onclick="dialog()" id="bt">Los gehts!</button>
        
        
        
        <p id="txt">Bitte legen sie hier die Breite und die Höhe ihres Browserfensters fest!</p>
        
        <form name="width" action="">
        <input type="text" name="Feld" id="input">
        </form>
        
        <form name="height" action="">
        <input type="text" name="Feld" id="input">
        <input type="button" value="Test" onclick="GroesseFestlegen()" >
        </form>
        
        
        <p id="txt"> Bitte füllen sie das Formular aus!</p>
        
        <form name="FormularAllgemein" action="">
        <p id="formtxt"> Name:
        <input type="text" name="name" id="input"></p>
        <p id="formtxt"> Alter:
        <input type="password" name="age" id="input" size="3"></p>
        <p id="formtxt"> Beruf:
        <input type="text" name="job" id="input"></p>
        <p id="formtxt"> Anzahl Geschwister:
        <input type="text" name="siblings" id="input" size="2"></p>
        <br/>
        <br/>
        <input type="button" value="Drück mich!" onclick="InputOutput()" id="submit">
        </form>
        
        
        
        
        
    </div>




    </body>
</html>


Zum JavaScript Code: Ich habe nur den Bereich reingenommen, der für meine Frage relevant ist. Alles andere sind Spielereien zum Ausprobieren. ;)

Hier mein Problem:

Wenn ich die Seite mit der Passwortabfrage öffne, und gebe nun 3-mal ein falsches Passwort ein, gelange ich nun auf eine Seite, auf der steht "AUTHENTIFIZIERUNG FEHLGESCHLAGEN". So soll es auch sein.
Drücke ich dann allerdings auf den "zurück" button des Browsers gelangt man direkt auf die Seite, auf die es eigentlich gehen sollte. Das ist natürlich schlect. :'(

Ich hoffe jemand findet meinen Fehler, oder kann mir helfen!

Ich danke euch!

Nachtrag: Als Passwort dient "simonpicos" (mein Forumname ;) )

Und noch einer: Wie gesagt, ich bin gerade dabei diese Sprache zu erlernen, also kann es sein, dass diese Frage totalk unnötig war, und nur eine einfache Ergänzung fehlt. Es wäre trotzdem nett, wenn ihr mir helfen könntet!

Gruß, Simon
 

Duddle

Posting-Frequenz: 14µHz

AW: Passwort mit JavaScript → Anfänger

Das hat wohl einen anderen Grund: wenn du deine Abfrage-Seite aufrufst und die dann per location.href umlenkt, wird in der Browser-History kein Eintrag für die Abfrage-Seite selbst gemacht. Zumindest beim FF 3 passiert das so.

Das heißt, wenn du auf fail.html bist und dann "Zurück" klickst, kommst du nicht auf die Abfrage-Seite (weil die nicht in der Liste der History steht), sondern auf die davor besuchte Seite, was in deinem Fall wohl page.html ist.

Ergo wird dieses Problem nur auftreten, falls du genau vor der Abfrage-Seite selbst auf page.html warst.


Duddle
 

simonpicos

Mod | Forum

AW: Passwort mit JavaScript → Anfänger

Danke für die Rückmeldung! Allerdings ist das nicht der Fall. Der von mir genannte Fall tritt auch auf, wenn ich die password.html seite als erste überhaupt öffne. d.h. es kann gar kein history eintrag von einer anderen seite im browser sein. Ich habe übrigens FF4, werde aber gleich mal schauen, ob das Problem auch in allen anderen gängigen Browsern auftritt.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben