 Login 01 - Passwort + User
Grundfunktion für mehrere Zugänge, die beliebig eingerichtet werden können. Jeder User kann zu einer separaten Datei oder alle / mehrere zu einer gemeinsamen Datei umgeleitet werden. - unsichere Variante -
Im Script werden hier Username, Password und zugeordnete Zieldatei festgelegt.
Arbeitsweise
Die beiden eingetragenen Werte in den Feldern 'Username' und 'Passwort' werden vom JavaScript überprüft. bei Übereinstimmung wird die zugeordnete Datei dann aufgerufen und angezeigt.
 Nachteil und gefährlich:
Username und Password können im Quelltext eingesehen werden!
Weil das Script Usename und Password kontrollieren soll, müssen die ja im Script eingetragen sein. Das bedeutet aber, das man sie im Quelltext nachlesen kann. Dadurch ist ein wirklicher Passwortschutz nicht gewährleistet. Jeder, der sich ein wenig auskennt, kann den Passwortschutz umgehen! Da hilft es wenig, wenn das JavaScript in einer externen Datei ausgelagert wird, denn auch die könnte man einsehen!
(eine sichere Variante finden sie im Beispiel  Login02)
Funktion
Alle Passwörter, User und zu öffnende Dateien werden als Variablen in einer externen JS-Datei festgelegt. Die notierte zugeordnete Datei wird bei richtiger Eingabe aufgerufen. Das kann je nach Eintrag jedesmal die gleiche Datei oder eine dem User zugeordnete Datei sein.
Beispiel für die Vorgaben (Fußballverein) innerhalb des Scripts:
user01 = "Jupp";
password01 = "ab45zx";
datei01 = "vorstand.htm";
user02 = "Hein";
password02 = "abc";
datei02 = "vorstand.htm";
user03 = "Zenzi";
password03 = "12345";
datei03 = "frauenfussball.htm";
user04 = "FranzMeier";
password04 = "efghi";
datei04 = "trainerseite.htm";
Zwei User mit unterschiedlichen Zugangsdaten, werden hier in diesem Beispiel auf die gleiche Datei umgeleitet.
Vorteil: Scheidet Vorstandsmitglied Hein bei der nächsten Wahl aus, müssen nicht sämtliche Vorstandsmitglieder neue Benutzerdaten erhalten. Lediglich die daten für 'Hein' werden im Script entfernt.
Arbeitsweise
Die beiden eingetragenen Werte in den Eingabefeldern 'User' und 'Password' werden vom JavaScript mit den Vorgaben verglichen.
Wenn die Werte nicht übereinstimmen, wird eine Alertmeldung angezeigt.
Wenn die Werte übereinstimmen, wird die entsprechende Datei angezeigt.
Die If-Abfrage zur Prüfung:
// Prüfung passt User01 zum Password1
if(user == user01 && password == password01) {
url= datei01;
richtig = "ja"
}
// Prüfung passt User02 zum Password2
if(user == user02 && password == password02) {
url= datei02;
richtig = "ja"
}
Die if-Abfrage könnte man natürlich für weitere User und Zieldateien erweitern.
Bei einem Einsatz im Frameset
Falls das LogIn in einem Frameset eingesetzt werden soll, können sie bestimmen welcher Frameinhalt ausgetauscht werden soll. Die Voreinstellung tauscht die Login-Datei gegen die vom Script aufgerufene Datei. Das funktioniert auch im Frameset.
Soll ein anderer Frameinhalt oder sogar der gesamte Frameset ausgetauscht werden ersetzen sie die betreffende Zeile im Scriptcode bzw. setzen / entfernen die beiden Slashes (//), die eine Zeile als Kommentar kennzeichnen.
| this.window.location=url; |
aktuelles Fenster wird ersetzt |
| parent.location=url; |
gesamter Frameset wird ersetzt |
| parent.NameDesFrames.location.href=url; |
bestimmter Frame wird ersetzt |
entsprechende Kommentare habe ich im Quelltext eingetragen.
Formatierung des Buttons
<input style=" xxx " type="submit" ...
Für "xxx" tragen sie Formatierungsangaben ein. z.B. :
font-family:Arial,Helvetica;
font-size:13;
color:#000000;
border-width:1;
border-color:#000000;
background-color:#FFF1BE;
text-align:center;
width=80;
|
WWW.WEB-TOOLBOX.NET
Beispiel 
Download 
ZURÜCK