Menu

[BRELEMENT] error

Piepstem

De avatar van Piepstem
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 1 week, 1 dag geleden

Hey allemaal,

Ik had een vraag omtrent een habbo paneel waar ik mee bezig ben. Habbo panelen worden ontwikkelt om je promoties en nog veel meer andere dingen te noteren, nu heb ik daar een vraag over omdat ik vastzit met een bug/foutbericht. Wanneer ik wil registreren krijg ik een error. Refereer naar de foto hier beneden. Kan iemand ervaren even de tijd nemen om mij hiermee te helpen? Dankjewel!

Pic

Poepje

De avatar van Poepje
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 1 week, 1 dag geleden

Het lijkt erop dat je direct objecten met javascript zio in je HTML stopt? Heb je code?

Piepstem

De avatar van Piepstem
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 1 week, 1 dag geleden

Poepje
Het lijkt erop dat je direct objecten met javascript zio in je HTML stopt? Heb je code?

Yup. Refereer naar de code tab hier onder.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Het paneel van - in Habbo Hotel!" /> 
        <meta name="author" content="Wessel Verheij" /> 
        <meta name="copyright" content="Wessel Verheij" /> 
        <meta name="robots" content="nosnippet">
        <meta name="googlebot" content="noodp" /> 

        <title>Imperial Maffia - Welkom</title>     
        <link rel="stylesheet" href="/_paneel/assets/css/reset.css" />
        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,700" type="text/css">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
        <link rel="stylesheet" href="/_paneel/assets/css/login.css">

        <script type="text/javascript" src="/_paneel/assets/js/jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.button-pass-forgot').click(function() {
                    if ($('.button-login').css("opacity") == 0)
                    {
                        $('.button-login').animate({
                            opacity: 1
                        }, "slow");
                    }

                    if ($('.login').is(":visible"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":visible"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":hidden"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $('.button-login').click(function() {
                    if ($('.button-login').css("opacity") == 1)
                    {
                        $('.button-login').animate({
                            opacity: 0
                        }, "slow");
                    }

                    if ($('.login').is(":hidden"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":visible"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":visible"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $('.button-register').click(function() {
                    if ($('.button-login').css("opacity") == 0)
                    {
                        $('.button-login').animate({
                            opacity: 1
                        }, "slow");
                    }

                    if ($('.login').is(":visible"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":hidden"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":visible"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $("#login-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#login-username").val();
                    var password = $("#login-password").val();

                    $.post("/_paneel/modules/landing/login.php", { username: username, password: password })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            document.location.reload(true);
                        }
                        else
                        {
                            $("#login-errors").html(data);
                        }   
                    });
                });

                $("#register-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#register-username").val();
                    var password = $("#register-password").val();
                    var passwordRepeat = $("#register-password-repeat").val();

                    $.post("/_paneel/modules/landing/register.php", { username: username, password: password, password_repeat: passwordRepeat })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            $("#register-succesfull").html("Je bent geregistreerd! Je kan nu inloggen.");

                            setTimeout(function() {
                                document.location.reload(true);
                            }, 3000);
                        }
                        else
                        {
                            var container = $("#register-errors");
                            container.html("");

                            $(data).each(function(index, value) {
                                container.append("- " + value + "<br />");
                            });
                        }
                    });
                });

                $("#passreset-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#passreset-username").val();
                    var password = $("#passreset-password").val();
                    var passwordRepeat = $("#passreset-password-repeat").val();

                    $.post("/_paneel/modules/landing/passreset.php", { username: username, password: password, password_repeat: passwordRepeat })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            $("#passreset-succesfull").html("Je hebt je wachtwoord succesvol veranderd! Je kan nu inloggen met je nieuwe wachtwoord.");

                            setTimeout(function() {
                                document.location.reload(true);
                            }, 3000);
                        }
                        else
                        {
                            var container = $("#passreset-errors");
                            container.html("");

                            $(data).each(function(index, value) {
                                container.append("- " + value + "<br />");
                            });
                        }
                    });
                });
            });
        </script>   
    </head> 
    <body>
        <div class="page-title">
            Logo hier
        </div>

        <div class="module form-module">
            <div class="button-login">
                <i class="fa fa-home"></i>
            </div>

            <div class="form login">
                <p id="login-errors"></p>
                <h2>Inloggen</h2>
                <p>Welkom op het paneel van -.</p>

                <form>
                    <input type="text" id="login-username" placeholder="Habbonaam"/>
                    <input type="password" id="login-password" placeholder="Wachtwoord"/>
                    <button id="login-submit">Inloggen</button>
                </form>
            </div>

            <div class="form register">
                <p id="register-errors"></p>
                <p id="register-succesfull"></p>
                <h2>Registreren</h2>
                <p>Voordat je registreert, zet de volgende unieke code in je Habbo missie: <strong><?= $landing->getUniqueKey() ?></strong></p>

                <form>
                    <input type="text" id="register-username" placeholder="Habbonaam"/>
                    <input type="password" id="register-password" placeholder="Wachtwoord"/>
                    <input type="password" id="register-password-repeat" placeholder="Wachtwoord (herhaling)"/>
                    <button id="register-submit">Registeer</button>
                </form>
            </div>

            <div class="form password">
                <p id="passreset-errors"></p>
                <p id="passreset-succesfull"></p>
                <h2>Wachtwoord vergeten</h2>
                <p>Om gebruik te maken van de wachtwoord vergeten functie, moet een Raad van Bestuur lid je hiervoor toestemming geven. Indien je deze hebt, zet dan eerst de volgende unieke code in je Habbo missie voordat je verder gaat: <strong><?= $landing->getUniqueKey() ?></strong></p>              
                <form>
                    <input type="text" id="passreset-username" placeholder="Habbonaam"/>
                    <input type="password" id="passreset-password" placeholder="Nieuwe wachtwoord"/>
                    <input type="password" id="passreset-password-repeat" placeholder="Nieuwe wachtwoord (herhaling)"/>
                    <button id="passreset-submit">Verander</button>
                </form>
            </div>

            <div class="footer-button button-register"><a href="#">Registreren</a></div>
            <div class="footer-button button-pass-forgot"><a href="#">Wachtwoord vergeten</a></div>
        </div>
    </body>
</html>

Poepje

De avatar van Poepje
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 1 week, 1 dag geleden

Waar gaat het fout dan in het script? container.append("- " + value + "<br />"); toevallig?

Piepstem

De avatar van Piepstem
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 1 week, 1 dag geleden

Poepje
Waar gaat het fout dan in het script? container.append("- " + value + "<br />"); toevallig?

Dat kan zo zijn ja, sinds de line of code die je net hebt opgenoemd een beetje overeenkomt met de foutmelding. "BRelement" en ">br />", maar zelf weet ik niet zo zeer wat ik er mee moet. Verwijderen?

Eran

De avatar van Eran
  • Freelance Developer
  • Donateur
Geplaatst 6 dagen, 21 uur geleden

Piepstem

Poepje
Waar gaat het fout dan in het script? container.append("- " + value + "<br />"); toevallig?

Dat kan zo zijn ja, sinds de line of code die je net hebt opgenoemd een beetje overeenkomt met de foutmelding. "BRelement" en ">br />", maar zelf weet ik niet zo zeer wat ik er mee moet. Verwijderen?

Waarom zou je een br appenden? Gebruik margin.

Daarnaast kijkt append of er html in de argument zit. Zoja, parse dat als html. Omdat je de geparsete html koppelt aan een normale string, pak je ook de string representatie van je html element. [HTMLBRelement] krijg je als je een br-element naar een string convert.

Piepstem

De avatar van Piepstem
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 6 dagen, 15 uur geleden Piepstem

Eran

Piepstem

Poepje
Waar gaat het fout dan in het script? container.append("- " + value + "<br />"); toevallig?

Dat kan zo zijn ja, sinds de line of code die je net hebt opgenoemd een beetje overeenkomt met de foutmelding. "BRelement" en ">br />", maar zelf weet ik niet zo zeer wat ik er mee moet. Verwijderen?

Waarom zou je een br appenden? Gebruik margin.

Daarnaast kijkt append of er html in de argument zit. Zoja, parse dat als html. Omdat je de geparsete html koppelt aan een normale string, pak je ook de string representatie van je html element. [HTMLBRelement] krijg je als je een br-element naar een string convert.

Hoi, ik kom nog niet zo ver. Kan je alsjeblieft mijn code aanpassen en het hier in dit topic versturen zodat ik er goed naar kan kijken hoe het nou eigenlijk wel moet? Ik zit nu maar rond te prutsen.

EDIT; Parsen naar html zorgt ervoor dat ik nu dit krijg als foutmelding:

Inplaats van meerdere lines krijg ik er nu maar één. Ik moet nu alleen zien uit te vogelen hoe ik margin moet gebruiken.

Eran

De avatar van Eran
  • Freelance Developer
  • Donateur
Geplaatst 6 dagen, 11 uur geleden

Piepstem

Eran

Piepstem

Poepje
Waar gaat het fout dan in het script? container.append("- " + value + "<br />"); toevallig?

Dat kan zo zijn ja, sinds de line of code die je net hebt opgenoemd een beetje overeenkomt met de foutmelding. "BRelement" en ">br />", maar zelf weet ik niet zo zeer wat ik er mee moet. Verwijderen?

Waarom zou je een br appenden? Gebruik margin.

Daarnaast kijkt append of er html in de argument zit. Zoja, parse dat als html. Omdat je de geparsete html koppelt aan een normale string, pak je ook de string representatie van je html element. [HTMLBRelement] krijg je als je een br-element naar een string convert.

Hoi, ik kom nog niet zo ver. Kan je alsjeblieft mijn code aanpassen en het hier in dit topic versturen zodat ik er goed naar kan kijken hoe het nou eigenlijk wel moet? Ik zit nu maar rond te prutsen.

EDIT; Parsen naar html zorgt ervoor dat ik nu dit krijg als foutmelding:

Inplaats van meerdere lines krijg ik er nu maar één. Ik moet nu alleen zien uit te vogelen hoe ik margin moet gebruiken.

Wat stuurt de resource /_paneel/modules/landing/passreset.php terug?

Piepstem

De avatar van Piepstem
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 6 dagen, 10 uur geleden

Eran

Piepstem

Eran

Piepstem

Poepje
Waar gaat het fout dan in het script? container.append("- " + value + "<br />"); toevallig?

Dat kan zo zijn ja, sinds de line of code die je net hebt opgenoemd een beetje overeenkomt met de foutmelding. "BRelement" en ">br />", maar zelf weet ik niet zo zeer wat ik er mee moet. Verwijderen?

Waarom zou je een br appenden? Gebruik margin.

Daarnaast kijkt append of er html in de argument zit. Zoja, parse dat als html. Omdat je de geparsete html koppelt aan een normale string, pak je ook de string representatie van je html element. [HTMLBRelement] krijg je als je een br-element naar een string convert.

Hoi, ik kom nog niet zo ver. Kan je alsjeblieft mijn code aanpassen en het hier in dit topic versturen zodat ik er goed naar kan kijken hoe het nou eigenlijk wel moet? Ik zit nu maar rond te prutsen.

EDIT; Parsen naar html zorgt ervoor dat ik nu dit krijg als foutmelding:

Inplaats van meerdere lines krijg ik er nu maar één. Ik moet nu alleen zien uit te vogelen hoe ik margin moet gebruiken.

Wat stuurt de resource /_paneel/modules/landing/passreset.php terug?

<?php
session_start();
require_once($_SERVER["DOCUMENT_ROOT"] . "/_paneel/classes/landing.class.php");

$landing  = new Landing();
$response = $landing->passwordReset($_POST["username"], $_POST["password"], $_POST["password_repeat"]);

if ($response === true)
{
    echo "correct";
}
else
{
    header('Content-Type: application/json');
    echo json_encode($response);
}

Wanneer ik het bezoek krijg ik dit:

Notice: Undefined index: username in /home/jamesbt360/domains/jamesbt360.360.axc.nl/public_html/_paneel/modules/landing/passreset.php on line 6

Notice: Undefined index: password in /home/jamesbt360/domains/jamesbt360.360.axc.nl/public_html/_paneel/modules/landing/passreset.php on line 6

Notice: Undefined index: password_repeat in /home/jamesbt360/domains/jamesbt360.360.axc.nl/public_html/_paneel/modules/landing/passreset.php on line 6

Notice: Undefined index: uniqueKey in /home/jamesbt360/domains/jamesbt360.360.axc.nl/public_html/_paneel/classes/landing.class.php on line 131

Fatal error: Call to undefined function json_decode() in /home/jamesbt360/domains/jamesbt360.360.axc.nl/public_html/_paneel/classes/user.class.php on line 383

Poepje

De avatar van Poepje
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 6 dagen, 6 uur geleden Poepje

Dan zijn die variabelen niet geset. Je kan die controlleren met isset(). Zo te zien gaat het om de array

Eran

De avatar van Eran
  • Freelance Developer
  • Donateur
Geplaatst 5 dagen, 19 uur geleden Eran

Piepstem

Eran

Piepstem

Poepje
Waar gaat het fout dan in het script? container.append("- " + value + "<br />"); toevallig?

Dat kan zo zijn ja, sinds de line of code die je net hebt opgenoemd een beetje overeenkomt met de foutmelding. "BRelement" en ">br />", maar zelf weet ik niet zo zeer wat ik er mee moet. Verwijderen?

Waarom zou je een br appenden? Gebruik margin.

Daarnaast kijkt append of er html in de argument zit. Zoja, parse dat als html. Omdat je de geparsete html koppelt aan een normale string, pak je ook de string representatie van je html element. [HTMLBRelement] krijg je als je een br-element naar een string convert.

Hoi, ik kom nog niet zo ver. Kan je alsjeblieft mijn code aanpassen en het hier in dit topic versturen zodat ik er goed naar kan kijken hoe het nou eigenlijk wel moet? Ik zit nu maar rond te prutsen.

EDIT; Parsen naar html zorgt ervoor dat ik nu dit krijg als foutmelding:

Inplaats van meerdere lines krijg ik er nu maar één. Ik moet nu alleen zien uit te vogelen hoe ik margin moet gebruiken.

Verander

$(data).each(function(index, value) {
    container.append("- " + value + "<br />");
});

zodat <br /> er niet meer in zit. Je kan dan iets doen als:

$(data).each(function(index, value) {
    container.append(document.createTextNode("- " + value));
});

Als je per se een br-element wilt gebruiken, kan je het volgende doen:

$(data).each(function(index, value) {
    container.append("<span>- " + value + "</span><br />");
});

Piepstem

De avatar van Piepstem
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 5 dagen, 13 uur geleden

Dan krijg ik dit als foutmelding:

Eran

De avatar van Eran
  • Freelance Developer
  • Donateur
Geplaatst 5 dagen, 8 uur geleden

Piepstem
Dan krijg ik dit als foutmelding:

Laat de hele code nu eens zien dat je hebt?

Piepstem

De avatar van Piepstem
  • Geregistreerd lid
  • Geregistreerd
Geplaatst 4 dagen, 15 uur geleden
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Het paneel van - in Habbo Hotel!" /> 
        <meta name="author" content="Wessel Verheij" /> 
        <meta name="copyright" content="Wessel Verheij" /> 
        <meta name="robots" content="nosnippet">
        <meta name="googlebot" content="noodp" /> 

        <title>Imperial Maffia - Welkom</title>     
        <link rel="stylesheet" href="/_paneel/assets/css/reset.css" />
        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,700" type="text/css">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
        <link rel="stylesheet" href="/_paneel/assets/css/login.css">

        <script type="text/javascript" src="/_paneel/assets/js/jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.button-pass-forgot').click(function() {
                    if ($('.button-login').css("opacity") == 0)
                    {
                        $('.button-login').animate({
                            opacity: 1
                        }, "slow");
                    }

                    if ($('.login').is(":visible"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":visible"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":hidden"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $('.button-login').click(function() {
                    if ($('.button-login').css("opacity") == 1)
                    {
                        $('.button-login').animate({
                            opacity: 0
                        }, "slow");
                    }

                    if ($('.login').is(":hidden"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":visible"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":visible"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $('.button-register').click(function() {
                    if ($('.button-login').css("opacity") == 0)
                    {
                        $('.button-login').animate({
                            opacity: 1
                        }, "slow");
                    }

                    if ($('.login').is(":visible"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":hidden"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":visible"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $("#login-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#login-username").val();
                    var password = $("#login-password").val();

                    $.post("/_paneel/modules/landing/login.php", { username: username, password: password })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            document.location.reload(true);
                        }
                        else
                        {
                            $("#login-errors").html(data);
                        }   
                    });
                });

                $("#register-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#register-username").val();
                    var password = $("#register-password").val();
                    var passwordRepeat = $("#register-password-repeat").val();

                    $.post("/_paneel/modules/landing/register.php", { username: username, password: password, password_repeat: passwordRepeat })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            $("#register-succesfull").html("Je bent geregistreerd! Je kan nu inloggen.");

                            setTimeout(function() {
                                document.location.reload(true);
                            }, 3000);
                        }
                        else
                        {
                            var container = $("#register-errors");
                            container.html("");

                  $(data).each(function(index, value) {
    container.append(document.createTextNode("- " + value));

});                   }
                    });
                });

                $("#passreset-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#passreset-username").val();
                    var password = $("#passreset-password").val();
                    var passwordRepeat = $("#passreset-password-repeat").val();

                    $.post("/_paneel/modules/landing/passreset.php", { username: username, password: password, password_repeat: passwordRepeat })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            $("#passreset-succesfull").html("Je hebt je wachtwoord succesvol veranderd! Je kan nu inloggen met je nieuwe wachtwoord.");

                            setTimeout(function() {
                                document.location.reload(true);
                            }, 3000);
                        }
                        else
                        {
                            var container = $("#passreset-errors");
                            container.html("");

                          $(data).each(function(index, value) {
    container.append(document.createTextNode("- " + value));
                        }
                    });
                });
            });
        </script>   
    </head> 
    <body>
        <div class="page-title">
            Logo hier
        </div>

        <div class="module form-module">
            <div class="button-login">
                <i class="fa fa-home"></i>
            </div>

            <div class="form login">
                <p id="login-errors"></p>
                <h2>Inloggen</h2>
                <p>Welkom op het paneel van -.</p>

                <form>
                    <input type="text" id="login-username" placeholder="Habbonaam"/>
                    <input type="password" id="login-password" placeholder="Wachtwoord"/>
                    <button id="login-submit">Inloggen</button>
                </form>
            </div>

            <div class="form register">
                <p id="register-errors"></p>
                <p id="register-succesfull"></p>
                <h2>Registreren</h2>
                <p>Voordat je registreert, zet de volgende unieke code in je Habbo missie: <strong><?= $landing->getUniqueKey() ?></strong></p>

                <form>
                    <input type="text" id="register-username" placeholder="Habbonaam"/>
                    <input type="password" id="register-password" placeholder="Wachtwoord"/>
                    <input type="password" id="register-password-repeat" placeholder="Wachtwoord (herhaling)"/>
                    <button id="register-submit">Registeer</button>
                </form>
            </div>

            <div class="form password">
                <p id="passreset-errors"></p>
                <p id="passreset-succesfull"></p>
                <h2>Wachtwoord vergeten</h2>
                <p>Om gebruik te maken van de wachtwoord vergeten functie, moet een Raad van Bestuur lid je hiervoor toestemming geven. Indien je deze hebt, zet dan eerst de volgende unieke code in je Habbo missie voordat je verder gaat: <strong><?= $landing->getUniqueKey() ?></strong></p>              
                <form>
                    <input type="text" id="passreset-username" placeholder="Habbonaam"/>
                    <input type="password" id="passreset-password" placeholder="Nieuwe wachtwoord"/>
                    <input type="password" id="passreset-password-repeat" placeholder="Nieuwe wachtwoord (herhaling)"/>
                    <button id="passreset-submit">Verander</button>
                </form>
            </div>

            <div class="footer-button button-register"><a href="#">Registreren</a></div>
            <div class="footer-button button-pass-forgot"><a href="#">Wachtwoord vergeten</a></div>
        </div>
    </body>
</html>

Eran

De avatar van Eran
  • Freelance Developer
  • Donateur
Geplaatst 4 dagen, 15 uur geleden Eran

Piepstem

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Het paneel van - in Habbo Hotel!" /> 
        <meta name="author" content="Wessel Verheij" /> 
        <meta name="copyright" content="Wessel Verheij" /> 
        <meta name="robots" content="nosnippet">
        <meta name="googlebot" content="noodp" /> 

        <title>Imperial Maffia - Welkom</title>     
        <link rel="stylesheet" href="/_paneel/assets/css/reset.css" />
        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,700" type="text/css">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
        <link rel="stylesheet" href="/_paneel/assets/css/login.css">

        <script type="text/javascript" src="/_paneel/assets/js/jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.button-pass-forgot').click(function() {
                    if ($('.button-login').css("opacity") == 0)
                    {
                        $('.button-login').animate({
                            opacity: 1
                        }, "slow");
                    }

                    if ($('.login').is(":visible"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":visible"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":hidden"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $('.button-login').click(function() {
                    if ($('.button-login').css("opacity") == 1)
                    {
                        $('.button-login').animate({
                            opacity: 0
                        }, "slow");
                    }

                    if ($('.login').is(":hidden"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":visible"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":visible"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $('.button-register').click(function() {
                    if ($('.button-login').css("opacity") == 0)
                    {
                        $('.button-login').animate({
                            opacity: 1
                        }, "slow");
                    }

                    if ($('.login').is(":visible"))
                    {
                        $('.login').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.register').is(":hidden"))
                    {
                        $('.register').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }

                    if ($('.password').is(":visible"))
                    {
                        $('.password').animate({
                            height: "toggle",
                            'padding-top': 'toggle',
                            'padding-bottom': 'toggle',
                            opacity: "toggle"
                        }, "slow");
                    }
                });

                $("#login-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#login-username").val();
                    var password = $("#login-password").val();

                    $.post("/_paneel/modules/landing/login.php", { username: username, password: password })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            document.location.reload(true);
                        }
                        else
                        {
                            $("#login-errors").html(data);
                        }   
                    });
                });

                $("#register-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#register-username").val();
                    var password = $("#register-password").val();
                    var passwordRepeat = $("#register-password-repeat").val();

                    $.post("/_paneel/modules/landing/register.php", { username: username, password: password, password_repeat: passwordRepeat })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            $("#register-succesfull").html("Je bent geregistreerd! Je kan nu inloggen.");

                            setTimeout(function() {
                                document.location.reload(true);
                            }, 3000);
                        }
                        else
                        {
                            var container = $("#register-errors");
                            container.html("");

                  $(data).each(function(index, value) {
    container.append(document.createTextNode("- " + value));

});                   }
                    });
                });

                $("#passreset-submit").click(function(e) {
                    e.preventDefault();

                    var username = $("#passreset-username").val();
                    var password = $("#passreset-password").val();
                    var passwordRepeat = $("#passreset-password-repeat").val();

                    $.post("/_paneel/modules/landing/passreset.php", { username: username, password: password, password_repeat: passwordRepeat })
                    .done(function(data) {
                        if (data == "correct")
                        {
                            $("#passreset-succesfull").html("Je hebt je wachtwoord succesvol veranderd! Je kan nu inloggen met je nieuwe wachtwoord.");

                            setTimeout(function() {
                                document.location.reload(true);
                            }, 3000);
                        }
                        else
                        {
                            var container = $("#passreset-errors");
                            container.html("");

                          $(data).each(function(index, value) {
    container.append(document.createTextNode("- " + value));
                        }
                    });
                });
            });
        </script>   
    </head> 
    <body>
        <div class="page-title">
            Logo hier
        </div>

        <div class="module form-module">
            <div class="button-login">
                <i class="fa fa-home"></i>
            </div>

            <div class="form login">
                <p id="login-errors"></p>
                <h2>Inloggen</h2>
                <p>Welkom op het paneel van -.</p>

                <form>
                    <input type="text" id="login-username" placeholder="Habbonaam"/>
                    <input type="password" id="login-password" placeholder="Wachtwoord"/>
                    <button id="login-submit">Inloggen</button>
                </form>
            </div>

            <div class="form register">
                <p id="register-errors"></p>
                <p id="register-succesfull"></p>
                <h2>Registreren</h2>
                <p>Voordat je registreert, zet de volgende unieke code in je Habbo missie: <strong><?= $landing->getUniqueKey() ?></strong></p>

                <form>
                    <input type="text" id="register-username" placeholder="Habbonaam"/>
                    <input type="password" id="register-password" placeholder="Wachtwoord"/>
                    <input type="password" id="register-password-repeat" placeholder="Wachtwoord (herhaling)"/>
                    <button id="register-submit">Registeer</button>
                </form>
            </div>

            <div class="form password">
                <p id="passreset-errors"></p>
                <p id="passreset-succesfull"></p>
                <h2>Wachtwoord vergeten</h2>
                <p>Om gebruik te maken van de wachtwoord vergeten functie, moet een Raad van Bestuur lid je hiervoor toestemming geven. Indien je deze hebt, zet dan eerst de volgende unieke code in je Habbo missie voordat je verder gaat: <strong><?= $landing->getUniqueKey() ?></strong></p>              
                <form>
                    <input type="text" id="passreset-username" placeholder="Habbonaam"/>
                    <input type="password" id="passreset-password" placeholder="Nieuwe wachtwoord"/>
                    <input type="password" id="passreset-password-repeat" placeholder="Nieuwe wachtwoord (herhaling)"/>
                    <button id="passreset-submit">Verander</button>
                </form>
            </div>

            <div class="footer-button button-register"><a href="#">Registreren</a></div>
            <div class="footer-button button-pass-forgot"><a href="#">Wachtwoord vergeten</a></div>
        </div>
    </body>
</html>

Oke, en PHP-code van registeren? Want volgens mij komen de errors van bovenstaande afbeelding wanneer registreren niet gelukt is.

Snel reageren

Flag Content
Processing...

Geef een duidelijke reden waarom een administrator naar deze post moet kijken