nicht angemeldet
Hallo liebe Javascriptler ;)
Ich bin momentan dabei, ein Loginscript für ein "Portal" (siehe hier!)
zu schreiben.
Das soll so funktionieren:
-Bei einem "Setup" werden username und passwort in 2 cookies gespeichert.
-Im Loginfenster soll man nun die Daten in textfelder schreiben und diese
sollen mit den Cookies verglichen werden.
Möchte noch darauf hinweisen, dass ich relativ wenig Ahnung von JS habe.
Viele Teile sind aus dem Inet^^
[Bitte keine Posts über die Unsicherheit von JavascriptLogins,mir gehts nicht
um Sicherheit, sondern um das Loginfenster ansich und die Tatsache,dass es später wie ein Betriebssystem >>aussieht<<]
Hier das Setup:
<html>
<head>
<title>CookieOS - Setup</title>
<script language=JavaScript>
function weiterleitung2()
{
location.href="../setup/fenster3.html";
}
function datenvariable()
{
username1 = document.getElementById('username').value;
password1 = document.getElementById('password').value;
document.cookie = 'username=+ username1 + ; expires=Thu, 01-Jan-2070 00:00:02 GMT;';
document.cookie = 'password=+ password1 + ; expires=Thu, 01-Jan-2070 00:00:03 GMT;';
}
</script>
</head>
<body style="background-image: url(../setup/images/setup.bmp);">
<FONT COLOR="#FFFFFF">
<div style="position:absolute; top:20px; left:40px;">
<p><h3>Setup</h3></p>
<p>Wählen sie bitte einen Benutzernamen:<input type=text value="username" id="username"></p>
<p>und außerdem ein Passwort:<input type=text value="Passwort" id="password"></p>
<p>Danach klicken sie bitte auf "Weiter".</p>
</div>
<div style="position:absolute; top:250px; left:390px;">
<input type="button" value="Weiter" onClick="weiterleitung2()">
</div>
</font>
</body>
</html>
Und das Loginfenster
<html>
<head>
<title>CookieOS - Login</title>
<script type="text/javascript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
</script>
</head>
<body style="background-image: url(../images/login.bmp);">
<FONT COLOR="#FFFFFF">
<div style="position:absolute; top:40px; left:162px;">
<p><center><h4>Login</h4></p>
<p><input type="text" name="username" value="Benutzername" id="usernamelogin"></p>
<p><input type="text" name="password" value="Passwort" id="passwordlogin"></p></center>
<script type="text/javascript">
function checkusername()
{
var Username = GetCookie("username")
if (Eingabe != Username)
{
alert("Ihr Benutzername ist falsch!");
}
else
{
checkpassword();
}
}
function checkpassword()
{
var password = GetCookie("password")
if (Eingabe != password)
{
alert("Ihr Passwort ist falsch!");
}
else
{
location.href = "loginsuccess.html";
}
}
</script>
<input type="button" name="login" value="Einloggen" onclick="checkusername()">
</div>
</body>
</html>
Vielen Dank schonmal :)
Mfg Kekx