Kekx: Login Script

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

  1. Hi,

    -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.

    Sensitive Daten wie Passwörter sollten nicht in Cookies gespeichert werden.

    Möchte noch darauf hinweisen, dass ich relativ wenig Ahnung von JS habe.

    Nur damit ist folgendes zu erklären:

    [Bitte keine Posts über die Unsicherheit von JavascriptLogins,mir gehts nicht um Sicherheit,

    Warum willst du dann überhaupt ein Login?

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
    1. Hallo danke erst mal für die Antworten.

      @ChrisB

      Glaube nicht das irgendwer sich meinen Link angesehen hat.
      Ich brauche ein Login (insofern ist es wirklich eine Spielerei^^)
      für die Tatsache, dass Betriebssysteme auch ein Login haben.
      Es soll genauso funktionieren.Da dies wahrscheinlich eine Offlineanwendung
      wird ist Sicherheit sowiso egal ;)

      Übrigens bin ich schon ein bisschen Weiter:

      Beim Login sagt er mir jetzt immerhin das der Benutzername falsch ist,
      (auch wenn er richtig sein sollte)
      Ist eventuell das Cookiesetzen falsch?

      Gruß Kekx

      1. Hi,

        Ist eventuell das Cookiesetzen falsch?

        ja.

        document.cookie = 'password=+ password1 + ; expires=Thu, 01-Jan-2070

        Strings und Variablen kombinierst Du nach folgendem Muster:
        document.cookie = "password=" + password + "; expires=" + new Date().toGMTString() + "; path=/";

        Gruesse, Joachim

        --
        Am Ende wird alles gut.
        1. Danke für die Tipps ihr beiden ;)
          Das Tool werde ich mir mal ansehen.
          Hab außerdem nirgends was über variablen in verbindung mit document.cookie
          gefunden *jetztfreu*

          Mfg Kekx

          1. Hallo Leute!
            Habe jetzt nen neues Problem,(alles andere funzt)
            und zwar hab ich 3 werte, die ich in cookies speichern will.

            1. ob das setup fertig ist document.cookie = 'setup=1; ...;
            2. der beim setup eingegebene username document.cookie = 'username=??; ...;
            3. das beim setup eingegebene passwort document.cookie = 'password=??; ...;

            username/passwort werden natürlich VOR dem setupfertig-cookie gespeichert.
            Jedoch wenn der setupfertig-cookie dann gespeichert wird,
            sind die anderen weg! :(
            (und die brauch ich später fürs login deswegen funtzt der ganze code nicht mehr wie ich es eigentlich möchte)

            Hoffe ihr könnt mir nochmal helfen ;)
            Mfg Kekx

            1. Hi,

              username/passwort werden natürlich VOR dem setupfertig-cookie gespeichert.
              Jedoch wenn der setupfertig-cookie dann gespeichert wird,
              sind die anderen weg! :(

              Woraus schliesst du, dass sie „weg” wären?

              MfG ChrisB

              --
              “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
              1. Hi,

                username/passwort werden natürlich VOR dem setupfertig-cookie gespeichert.
                Jedoch wenn der setupfertig-cookie dann gespeichert wird,
                sind die anderen weg! :(

                Woraus schliesst du, dass sie „weg” wären?

                MfG ChrisB

                Das sehe ich wenn ich im Firefox im Cookiefenster nachschaue ;)

                Hab jetzt aber ne PHP Lösung gefunden die funzt.
                Trotzdem Danke für die Hilfe

                Lg Kekx

      2. Hi,

        Glaube nicht das irgendwer sich meinen Link angesehen hat.

        Wenn die Worte JavaScript und Login in Kombination auftauchen, ist das auch nicht mehr nötig.

        Ich brauche ein Login (insofern ist es wirklich eine Spielerei^^)
        für die Tatsache, dass Betriebssysteme auch ein Login haben.

        Seid wann haben Tatsachen eine Login-Funktionalität?

        Kannst du die Aussage noch mal so formulieren, dass sie einen Sinn ergibt?

        Beim Login sagt er mir jetzt immerhin das der Benutzername falsch ist,
        (auch wenn er richtig sein sollte)

        „Sollte” gibt es beim Programmieren nicht.
        *Überprüfe*, ob er richtig *ist* oder *nicht*.

        Ist eventuell das Cookiesetzen falsch?

        Das stellt sich beim Debugging heraus.
        Firebug bietet sich als Tool dafür stärkstens an.

        MfG ChrisB

        --
        “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
        1. Tag,

          Wenn die Worte JavaScript und Login in Kombination auftauchen, ist das auch nicht mehr nötig.

          server-side JavaScript?

  2. Hi,

    Ich bin momentan dabei, ein Loginscript für ein "Portal"

    lass es. Javascript ist keine Technik, um Logins zu realisieren, ausser Du möchtest lediglich eine Spielerei bauen. Jeder kann im Cookie nachsehen, wie User/Pass lauten.

    Logins realisierst Du mit serverseitigen Techniken wie PHP und Sessions.

    Gruesse, Joachim

    --
    Am Ende wird alles gut.