5x bewertet

Einfacher Passwortschutz

von Rawrdesign  |  07.04.2008 um 17:40 h
Javascript Anwendungen
Typ: Javascript Anwendungen
Stufe:Einfach
Mein erstes Tutorial bei GIATU Smilie . Ich hoffe es gefällt euch ....

In diesem Tutorial werde ich euch erklären , wie man einen einfachen Passwortschutz erstellt .
1. Als erstes ladet ihr euch diese Datei herunter :
» DOWNLOAD «

Dann bearbeitet ihr die JS-Datei und zwar so :

url = "RICHTIG.html"; Hier fügt ihr den Pfad ein , wo jemand hinkommen soll , wenn er das Passwort richtig eingegeben hat . Also zum Beispiel , jemand gibt das richtige Passwort ein , und dann muss er in den geschützten Bereich kommen !

error = "FALSCH.html"; Hier fügt ihr den Pfad ein , wo jemand hinkommen soll , wenn er das Passwort nicht richtig eingegeben hat
! Am besten ist es , wenn ihr dann auch einen Zürückbutton hinmacht , also in das Dokument ^^ .

passw = "DEINPASSWORT"; Der wichtigste Teil ^^ Das Passwort . Bei DEINPASSWORT schreibt ihr euer Passwort rein , dass man eingeben muss , um in den Bereich zu kommen .

2. So , jetzt öffnet ihr ein neues Dokument , am besten ist ein PHP - Dokument . Hier wird jetzt das Passwortfeld reingesetzt !
In den HEAD-Bereich müsst ihr den Login einbinden , dass macht ihr mit diesem Code :


<script type="text/javascript" src="Daten.js"></script> Bei Daten.js fügt ihr den Pfad zu unserer .js Datei ein .

3. So , jetzt müsst ihr das Passwortfeld einfügen , das geht mit diesem Code :
<form name="login" onSubmit="checkit();return false">
<script type="text/javascript">

document.write ('Passwort : <input type="password" name="pass" size="30" />');

</script></form>
<form id="form1" name="form1" method="post" action="">
<label>

</label>
</form>

Hier könnt ihr ja auch ein bisschen Style , wenn ihr wollt ^^ .
So , eigentlich habt ihr jetzt alles geschafft !
Die Passworteingabe könnt ihr dann immer mit ENTER bestätigen .

Vorsicht : Das Passwort kann man sehr leicht rauskopieren , indem man im Quelltext den Code zum Einbinden findet , sieht man ja die js. Datei . Man brauch sie nur öffnen , und schon sieht man euer Passwort ! Also , es ist kein Passwortschutz für zu geheime Sachen !

Viel Spaß damit , und ich hoffe es klappt bei euch ^^



12 Kommentare




Tanya C. Silver

Hm... wenn es nutzlos ist xD, wieso hast du dann darüber ein Tut gemacht xD? Versteh mich nicht falsch, es ist vielleicht gut zu wissen, denn wenn man vielleicht so etwas benutzt, dann kann man aufgeklärt werden, dass es nicht sicher ist. Aber vielleicht schauen die wenigstens darauf xD.

"Wenn man das Passwort in einem Text findet" - wie genau meinst du das xD?
am 07.04.2008 um 21:00 Uhr


Rawrdesign

xD Ja , also das bedeutet so ungefähr :
Ich habe einen Visitorbereich , und habe Regeln auf der Seite stehen , und man weiß ja , dass kein Idiot normalerweise die Regeln liest , und dann kann man es so machen , dass man das Passwort unter den Regeln versteckt ! Und wenn er die Regeln vollständig durchgelesen hat , hat er ja das Passwort ! Und dann weiß man , wenn er drinnen is , er hat auf jedenfall die Regeln durchgelesen ! Smilie
am 07.04.2008 um 21:12 Uhr


Nekoji

Ich denke für solche Fälle kann man das noch benutzen. Die Leute würden sich ja eher kurz die Regeln durchlesen, als im Quelltext nach dem Passwort zu suchen. :)
am 08.04.2008 um 10:52 Uhr


Xelios

Für kleine Spiele im Browser auf Basis von Javascript sind solche Dinge schon ganz nützlich!
am 08.04.2008 um 13:10 Uhr


Tanya C. Silver

Ach dafür ist es gut ^^. Das finde ich mal richtig klasse. Hätte so was letztens erst gebrauchen können, musste dann aber auf was anderes zurückgreifen. Jetzt weiß ich wie man es besser machen kann. Dankeschön für dieses Tut :)!
am 08.04.2008 um 19:20 Uhr


Was soll denn dieser Teil?
<script type="text/javascript">

document.write ('Passwort : <input type="password" name="pass" size="30" />');

</script>


Da würde doch
Passwort : <input type="password" name="pass" size="30" />
genauso funktionieren! Und: Was macht man wenn im Browser Javascript deaktiviert ist? Finde ich nicht sehr gut
am 22.04.2008 um 10:51 Uhr


Rawrdesign

Nein , wenn man es nicht mit einem Javascript macht , funktioniert das ganze nicht mehr ...
am 12.05.2008 um 22:40 Uhr


Hibiskus

Ui, ich glaube das ist sehr hilfreich Smilie
am 26.06.2008 um 17:24 Uhr


Tolles Tutorial <3 ~ fänd noch gut wenn du nen Enter Button ergänzen könntest ;)
am 25.07.2008 um 03:29 Uhr


hab nähmlich nicht immer bock auf enter zu klicken* & Besucher werden auch nen Button zum drücken suchen xD
am 25.07.2008 um 03:30 Uhr


Rawrdesign

Okay ... ich kümmere mich mal drum ^^
am 04.08.2008 um 09:57 Uhr


Shinara

Tolles tut *__*
aber liegts an mir oder geht der Download link nicht q___q
am 13.04.2009 um 15:34 Uhr