Beiträge von unkown-6363

unkown-6363

Habe es nun so. Zwar immernoch kürzer als vorhin und geht jetzt auch alles aber geht glaube ich noch kürzer

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Titel</title>
    <meta charset="UTF-8" />
    <link href="style/login.css" type="text/css" rel="stylesheet" />




    <script>
        document.createElement("header");
    document.createElement("nav");
    document.createElement("section");
    // für alte browser







    // js-code der passwort(id) auf 'text' setzt steht im body onload=""




    function fenster_leeren_1()
    {
        //der value wird geleehrt bei onclick="fenster_leeren()_1;"
        document.getElementById("benutzername").value = "";
    }




    function fenster_leeren_2()
    {
        //der value wird geleehrt bei onclick="fenster_leeren_2();"
        document.getElementById("passwort").value = "";
        document.getElementById("passwort").type = "password";
    }




    function fenster_zuruecksetzten()
    {
        if(document.getElementById("benutzername").value == '')
        // wenn nix ausgefüllt wurde und das fenster erlassen wird (wegen onblur="")
        {
            //der value wird wieder gefüllt
            document.getElementById("benutzername").value = "Benutzername...";
        }




        if(document.getElementById("passwort").value == '')
        {
            document.getElementById("passwort").type = "text";
            // bei onblur also verlassen, wird es ein text feld damit
            //der value sichtbar wird der gleich noch gegeben wird
            document.getElementById("passwort").value = "Passwort...";
        }
    }
    </script>




</head>
<body onload="document.getElementById('passwort').type = 'text';">







    <form action="" method="post">
        <fieldset>
            <legend>Bitte Einloggen</legend>
            <label><input type="text" id="benutzername" name="benutzername" value="Benutzername..." onclick="fenster_leeren_1();" onblur="fenster_zuruecksetzten();"  /></label>
            <label><input type="password" id="passwort" name="passwort" value="Passwort..."         onclick="fenster_leeren_2();" onblur="fenster_zuruecksetzten();"  /></label>
                                          <!-- id wegen javascript -->
                <input type="submit" name="button" value="Einloggen!" />
        </fieldset>
    </form>
    huhu
</body>
</html>

Alles anzeigen

unkown-6363

Meine Lösung:

Vorteil:
- viel weniger code

Nachteil:
- benutzername und passwort feld werden gleichzeitig geleehrt und weiß auuch ne wie ich das lösen soll (mit viel code könnte ich es lösen --> 2 funktionen )
- *EDIT* Grade gemerkt das Eingaben gelöscht werden, wenn man ein anderes input feld anklickt :O *EDIT*

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Titel</title>
    <meta charset="UTF-8" />
    <link href="style/login.css" type="text/css" rel="stylesheet" />




    <script>
    document.createElement("header");
    document.createElement("nav");
    document.createElement("section");
    // für alte browser







    function fenster_leeren()
    {
        //der value wird geleehrt bei onclick="fenster_leeren();"
        document.getElementById("benutzername").value = "";
        document.getElementById("passwort").value = "";
    }




    function fenster_zuruecksetzten()
    {
        if(document.getElementById("benutzername").value == '')
        // wenn nix ausgefüllt wurde und das fenster erlassen wird (wegen onblur="")
        {
            //der value wird wieder gefüllt
            document.getElementById("benutzername").value = "Benutzername...";
        }




        if(document.getElementById("passwort").value == '')
        {
            document.getElementById("passwort").type = "text";
            // bei onblur also verlassen, wird es ein text feld damit
            //der value sichtbar wird der gleich noch gegeben wird
            document.getElementById("passwort").value = "Passwort...";
        }
    }
    </script>




</head>
<body onload="document.getElementById('passwort').type = 'text';">







    <form action="" method="post">
        <fieldset>
            <legend>Bitte Einloggen</legend>
            <label><input type="text" id="benutzername" name="benutzername" value="Benutzername..." onclick="fenster_leeren();" onblur="fenster_zuruecksetzten();"  /></label>
            <label><input type="password" id="passwort" name="passwort" value="Passwort..."         onclick="fenster_leeren();" onblur="fenster_zuruecksetzten();"  /></label>
                                          <!-- id wegen javascript -->
                <input type="submit" name="button" value="Einloggen!" />
        </fieldset>
    </form>
    huhu
</body>
</html>

Alles anzeigen

Was haltet ihr davon?

unkown-6363

naja fange doch mal an und präsentiere dein ergebniss hier im forum oder mir per icq

unkown-6363

hehe ja da hast du recht

Naja davon verstehe ich noch recht wenig (put und so), bin ja noch javascript anfänger

unkown-6363

meine lösung kommt in 20min oder so, nicht wundern.
musste grade noch mit dem hund raus ( )

unkown-6363

Zitat von "lauras"

Probier mal mit overflow: scroll;
eine von den overflow dingern, ich meine es war scroll, erzeugt grundsätzlich eine scrollbalken, wenn nicht gescrollt werden kann, wird der ausgegraut. Kann aber sein, dass das nicht in allen browsern so ist, einfach mal testen..

aargh daran dachte ich von anfang an, aber dachte das geht nur in bereichen und nicht beim body

unkown-6363

stimmt

unkown-6363

Ich versuche es auch, schön knapp und bündig halten

unkown-6363

Mache doch eine der dir beliebten meldungen auf dem bildschirm (so ähnlich wie meine noscript information)

unkown-6363

Zitat von "Yamram"

Auf jeden Fall sollte man so etwas mal entwickeln

Mach du es doch, anstatt die Aufgabe an andere zu verteilen xD

unkown-6363

hatte -warum auch immer- hinter den umkehrfunktionen ; gesetzt

Lösung:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Titel</title>
    <meta charset="UTF-8" />
    <link href="style/login.css" type="text/css" rel="stylesheet" />




    <script>
    document.createElement("header");
    document.createElement("nav");
    document.createElement("section");
    // für alte browser




    function passwordfield_to_textfield()
    {
        document.getElementById("passwort").type = "text";
        // wird zu text umgewandelt wenn javascript aktiviert, damit value sichtbar
    }










    function clear_benutzername()
    {
        //der value wird geleehrt
        document.getElementById("benutzername").value = "";
    }
            function umkehrfunktion_clear_benutzername()
            {
                if(document.getElementById("benutzername").value == '')
                // wenn nix ausgefüllt wurde
                {
                    //der value wird wieder gefüllt
                    document.getElementById("benutzername").value = "Benutzername...";
                }
            }







    function clear_password()
    {
        document.getElementById("passwort").type = "password";
        // bei oneclick wird es ein passwort feld und
        //der value wird geleehrt
        document.getElementById("passwort").value = "";
    }
            function umkehrfunktion_clear_password()
            {
                if(document.getElementById("passwort").value == '')
                // wenn nix ausgefüllt wurde
                {
                    document.getElementById("passwort").type = "text";
                    // bei onblur also verlassen, wird es ein passwort feld und
                    //der value wird wieder gefüllt
                    document.getElementById("passwort").value = "Passwort...";
                }
            }




    </script>




</head>
<body onload="passwordfield_to_textfield();">







    <form action="" method="post">
        <fieldset>
            <legend>Bitte Einloggen</legend>
            <label><input type="text" id="benutzername" name="benutzername" value="Benutzername..." onclick="clear_benutzername();" onblur="umkehrfunktion_clear_benutzername();"  /></label>
            <label><input type="password" id="passwort" name="passwort" value="Passwort..."         onclick="clear_password();"     onblur="umkehrfunktion_clear_password();"      /></label>
                                          <!-- id wegen javascript -->
                <input type="submit" name="button" value="Einloggen!" />
        </fieldset>
    </form>
    huhu
</body>
</html>

Alles anzeigen

PS: im IE 8 (oder 9?) ist eine deutliche veränderung des passwort feldes zusehen, welche das layout verschiebt

unkown-6363

naja aber dann geht die scollleiste ein ganzes stück nach unten.

die seite passt sich da von der höhe an die bildschirm höhe an, aber oben die browser menü's nehmen ja auch platz weg.
basiii, ich glaube deine variante funktioniert nur bei vollbild^^ ?

unkown-6363

wäre ein screenshot dieses fensters möglich?

meinst du, du kannst das fenster individuell mit der maus verschieben oder es wird aus dem nichts (bildrand) eingeschoben?

unkown-6363

*EDIT*

habe das problem gelöst

unkown-6363

Um keinen neuen Thread aufzumachen geht es hier weiter.
Ist jetzt quasi die zusammenführung meiner beiden letzen threads.

warum geht mein code nicht?
seit ich die onblur funktionen eingesetzt habe, geht nix mehr
(es ist so, wie wenn mein gesammter js code weg wäre^^)

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Titel</title>
    <meta charset="UTF-8" />
    <link href="style/login.css" type="text/css" rel="stylesheet" />




    <script>
    document.createElement("header");
    document.createElement("nav");
    document.createElement("section");
    // für alte browser




    function passwordfield_to_textfield()
    {
        document.getElementById("passwort").type = "text";
        // wird zu text umgewandelt wenn javascript aktiviert, damit value sichtbar
    }










    function clear_benutzername()
    {
        //der value wird geleehrt
        document.getElementById("benutzername").value = "";
    }
            function umkehrfunktion_clear_benutzername();
            {
                if(document.getElementById("benutzername").value == '')
                // wenn nix ausgefüllt wurde
                {
                    //der value wird wieder gefüllt
                    document.getElementById("benutzername").value = "Benutzername...";
                }
            }







    function clear_password()
    {
        document.getElementById("passwort").type = "password";
        // bei oneclick wird es ein passwort feld und
        //der value wird geleehrt
        document.getElementById("passwort").value = "";
    }
            function umkehrfunktion_clear_password();
            {
                if(document.getElementById("password").value == '')
                // wenn nix ausgefüllt wurde
                {
                    document.getElementById("passwort").type = "text";
                    // bei onblur also verlassen, wird es ein passwort feld und
                    //der value wird wieder gefüllt
                    document.getElementById("passwort").value = "Passwort...";
                }
            }




    </script>




</head>
<body onload="passwordfield_to_textfield();">







    <form action="" method="post">
        <fieldset>
            <legend>Bitte Einloggen</legend>
            <label><input type="text" id="benutzername" name="benutzername" value="Benutzername..." onclick="clear_benutzername();" onblur="umkehrfunktion_clear_benutzername();"  /></label>
            <label><input type="password" id="passwort" name="passwort" value="Passwort..."         onclick="clear_password();"     onblur="umkehrfunktion_clear_passwort();"      /></label>
                                          <!-- id wegen javascript -->
                <input type="submit" name="button" value="Einloggen!" />
        </fieldset>
    </form>




</body>
</html>

Alles anzeigen

unkown-6363

zu beispiel weiß der jenige typ, der das gemacht hat dann direkt wie er dich hacken muss weil er evtl. mit absicht eine lücke offen gelassen hat. das ist des öfterne die sql-injection die "vergessen" wurde zu verhindern.

Aber basiii sagte das ja schon teils

unkown-6363

gefällt mir nicht. besonders weil der typ alte standarts á la <b> etc. verwendet und man daher schlussfolgern könnte, dass er nicht gerade so ahnung hat.
daher habe ich gleich aufgehört zu schauen.

mein tipp:
versuche du es selber und dann werden wir im forum das ding auf herz und nieren prüfen

unkown-6363

Danke dir

unkown-6363

Hallo,

standartmäßig ist <input type="password" id="passwort" name="passwort" value="Passwort..." /> ja password bei mir.
Nun wollte ich, wenn javascript aktiviert ist, dass es sofort zu text wird und in dem feld steht "Hier bitte passwort eintragen" oder so ähnlich.

Wollte das mit folgendem Code bewirken, welcher allerdings keine wirkung zeigte
es bleibt in allen browsern bei "password"

Code

[...]
<body>




    <script>




    document.getElementById("passwort").type = "text";
    // wird zu text umgewandelt wenn javascript aktiviert, damit value sichtbar




    </script>
    <form action="" method="post">
        <fieldset>
            <legend>Bitte Einloggen</legend>
            <label><input type="text" name="benutzername" value="Benutzernamen..." /></label>
            <label><input type="password" id="passwort" name="passwort" value="Passwort..." /></label>
                                          <!-- id wegen javascript -->
                <input type="submit" name="button" value="Einloggen!" />
        </fieldset>
    </form>




</body>
</html>

Alles anzeigen

Wenn das Feld angeklickt wird, soll es wieder passwort werden und der value verschwinden, dass wurde ja aber schon im vorherigen thread geklärt

unkown-6363

wenn man einen loginbereich machen will indem es zum Beispiel >Admins< und >Gäste< geben soll...wie bewerkstelligt man das eigentlich?

mir kamen nur die Ideen mit zwei verschiedenen sessions zu arbeiten je benutzergruppe und individuelle Inhalte auszugeben oder das mit einer variable machen die den benutzterrang aus der Datenbank hohlen.

wie macht man das in echt? welche Lösung würdet ihr jetzt bevorzugen? kann man je Webseite überhaupt 2 sessions vergeben?

also wenn ihr mir sagt das eine von den oben genannten Varianten, DIE VARIANTE ist, die überall genommen wird, sagt einfach ja oder so ähnlich. das einbauen kriege ich auch selber hin.

danke für antworten,

Gruß
phip

Beiträge von unkown-6363

Problem beim erweitern des formulars mit JavaScript

Problem beim erweitern des formulars mit JavaScript

Sicherer Login

Problem beim erweitern des formulars mit JavaScript

Problem beim erweitern des formulars mit JavaScript

Scrollbalken dauerhaft einblenden...

Scrollbalken dauerhaft einblenden...

Problem beim erweitern des formulars mit JavaScript

Scrollbalken dauerhaft einblenden...

Problem beim erweitern des formulars mit JavaScript

Problem beim erweitern des formulars mit JavaScript

Scrollbalken dauerhaft einblenden...

DIV verschieben?!

Problem beim erweitern des formulars mit JavaScript

Problem beim erweitern des formulars mit JavaScript

Sicherer Login

Sicherer Login

Problem beim erweitern des formulars mit JavaScript

Problem beim erweitern des formulars mit JavaScript

loginsystem mit verschiedenen Rechten je Benutzergruppe