[JS/PHP]PHP Arrays an JS übergeben failt?

Acrio · 7. Februar 2013

Hi. ich wollte ein paar Variablen übergeben. So.

JavaScript

var unamelength = <?php echo "$usernamelength"; ?>, unameexist = <?php echo "$unameexist"; ?>, pwsame = <?php echo "$pwsame"; ?>,
            pwlength = <?php echo "$pwlength"; ?>, emailsame = <?php echo "$emailsame"; ?>, emaillength = <?php echo "$emaillength"; ?>,
            emailexist = <?php echo "$emailexist"; ?>, emailonserver = <?php echo "$emailonserver"; ?>, checked = <?php echo "$checked"; ?>;

Aber es funktioniert nicht. So geht mein ganzes Bild kaputt da alles in die Ecke gequetscht wird also kein JS code mehr funzt. Was ist denn falsch?

xGreekz7x · 7. Februar 2013

Hast du das ganze auch wirklich in einem PHP Dokument?

Acrio · 7. Februar 2013

Den Code hier? Ne. Das hier schon.

PHP

$unamelength = "true";
     $unameexist = "false";
     $pwsame = "true";
     $pwlength = "true";
     $emailsame = "true";
     $emaillength = "true";
     $emailexist = "true";
     $emailonserver = "false";
     $checked = "true";

Die Variablen werden allerdings noch geändert.

xGreekz7x · 7. Februar 2013

der andere Code muss auch

Acrio · 7. Februar 2013

Aber ich kann in PHP doch nicht mit var arbeiten oder? Habe schon öfters gelesen das es so richtig ist. Kann ja mal das ganze JS Script schicken.

Spoiler anzeigen

JavaScript

<script type="text/javascript">        document.getElementById("Header").style.width = screen.width;        document.getElementById("Header").style.marginLeft = -8;        document.getElementById("Header").style.marginTop = -8;        document.getElementById("anmelden").style.top = 12;        document.getElementById("anmelden").style.left = 20;        document.getElementById("register").style.top = 12;        document.getElementById("register").style.left = 100;        document.getElementById("BenutzernameLabel1").style.marginTop = 150;        document.getElementById("BenutzernameLabel1").style.marginLeft = 250;        document.getElementById("BenutzernameLabel2").style.marginTop = 175;        document.getElementById("BenutzernameLabel2").style.marginLeft = 450;        document.getElementById("BenutzernameBox").style.marginTop = 150;        document.getElementById("BenutzernameBox").style.marginLeft = 450;        document.getElementById("BenutzernameBox").style.width = 650;        document.getElementById("PasswortLabel1").style.marginTop = 200;        document.getElementById("PasswortLabel1").style.marginLeft = 250;        document.getElementById("PasswortLabel3").style.marginTop = 225;        document.getElementById("PasswortLabel3").style.marginLeft = 450;        document.getElementById("PasswortBox1").style.marginTop = 200;        document.getElementById("PasswortBox1").style.marginLeft = 450;        document.getElementById("PasswortBox1").style.width = 650;        document.getElementById("PasswortLabel2").style.marginTop = 250;        document.getElementById("PasswortLabel2").style.marginLeft = 250;        document.getElementById("PasswortLabel4").style.marginTop = 275;        document.getElementById("PasswortLabel4").style.marginLeft = 450;        document.getElementById("PasswortBox2").style.marginTop = 250;        document.getElementById("PasswortBox2").style.marginLeft = 450;        document.getElementById("PasswortBox2").style.width = 650;        document.getElementById("EmailLabel1").style.marginTop = 300;        document.getElementById("EmailLabel1").style.marginLeft = 250;        document.getElementById("EmailLabel3").style.marginTop = 325;        document.getElementById("EmailLabel3").style.marginLeft = 450;        document.getElementById("EmailBox1").style.marginTop = 300;        document.getElementById("EmailBox1").style.marginLeft = 450;        document.getElementById("EmailBox1").style.width = 650;        document.getElementById("EmailLabel2").style.marginTop = 350;        document.getElementById("EmailLabel2").style.marginLeft = 250;        document.getElementById("EmailLabel4").style.marginTop = 375;        document.getElementById("EmailLabel4").style.marginLeft = 450;        document.getElementById("EmailBox2").style.marginTop = 350;        document.getElementById("EmailBox2").style.marginLeft = 450;        document.getElementById("EmailBox2").style.width = 650;        document.getElementById("checkboxlabel1").style.marginTop = 400;        document.getElementById("checkboxlabel1").style.marginLeft = 270;        document.getElementById("checkboxlink").style.marginTop = 400;        document.getElementById("checkboxlink").style.marginLeft = 350;        document.getElementById("checkboxlabel2").style.marginTop = 400;        document.getElementById("checkboxlabel2").style.marginLeft = 515;        document.getElementById("checkbox").style.marginTop = 400;        document.getElementById("checkbox").style.marginLeft = 250;        document.getElementById("Submit").style.marginTop = 450;        document.getElementById("Submit").style.marginLeft = 450;        var unamelength = <?php echo "$usernamelength"; ?>, unameexist = <?php echo "$unameexist"; ?>, pwsame = <?php echo "$pwsame"; ?>,            pwlength = <?php echo "$pwlength"; ?>, emailsame = <?php echo "$emailsame"; ?>, emaillength = <?php echo "$emaillength"; ?>,            emailexist = <?php echo "$emailexist"; ?>, emailonserver = <?php echo "$emailonserver"; ?>, checked = <?php echo "$checked"; ?>;        if(unamelength == "false") {document.getElementById("BenutzernameLabel2").style.color = "#d80000";}        else if(unamelength == "true") {document.getElementById("BenutzernameLabel2").style.color = "#b2b2b2";}        if(unameexist == "true") {document.getElementById("BenutzernameBox").style.backgroundColor = "#d80000", document.getElementById("BenutzernameBox").value = "Der Benutzername existiert bereits!";}        if(pwsame == "false") {document.getElementById("PasswortBox1").style.backgroundColor = "#d80000", document.getElementById("PasswortBox").value = "Die Passwörter stimmen nicht überein!";}        if(pwlength == "false") {document.getElementById("PasswortLabel3").style.color = "#d80000";}        else if(pwlength == "true") {document.getElementById("PasswortLabel3").style.color = "#b2b2b2";}        if(emailsame == "false") {document.getElementById("EmailBox1").style.backgroundColor = "#d80000", document.getElementById("EmailBox1").value = "Die E-Mail-Adressen stimmen nicht überein!";}        if(emaillength == "false") {document.getElementById("EmailLabel3").style.color = "#d80000";}        else if(emaillength == "true) {document.getElementById("EmailLabel3").style.color = "#b2b2b2";}        if(emailexist == "false") {document.getElementById("EmailBox2").style.backgroundColor = "#d80000", document.getElementById("EmailBox2").value = "Die E-Mail-Adresse existiert nicht!";}        if(emailonserver == "true") {alert('Die E-Mail-Adresse existiert bereits auf diesem Server!');}        if(checked == "false") {document.getElementById("checkboxlabel1").style.color = "#d80000", document.getElementById("checkboxlabel1").style.color = "#d80000";}        else if(checked == "true") {document.getElementById("checkboxlabel2").style.color = "#b2b2b2", document.getElementById("checkboxlabel2").style.color = "#b2b2b2";} </script>

Spoiler anzeigen

edit in expander gepackt wegen dem Platz.

xGreekz7x · 7. Februar 2013

Sicherlich kannst du außerhalb der PHP tags..

Acrio · 7. Februar 2013

Ja genau. Außerhalb. Also ist es doch richtig ^^.

JavaScript

var bsp = <?php echo "$bspvariable" ?>;

So muss das doch. Da drin den PHP aufrufen.

xGreekz7x · 7. Februar 2013

Ja aber in PHP auch nicht das Semikolon vergessen.

Acrio · 7. Februar 2013

Habe ich doch überall^^ nur im bsp gerade vergessen

Simple · 7. Februar 2013

Hast du deine Boxen nur mit Javascript definiert?

Denk mal an die Leute die JS deaktiviert haben.

Acrio · 7. Februar 2013

Erstellt habe ich alles so.

HTML

<form action="register.php" method="POST">
                  <label id="BenutzernameLabel1" class="label1">Benutzername</label>
                  <label id="BenutzernameLabel2" class="label2">Der Benutzername muss mindestens 4 und darf maximal 20 Zeichen haben!</label>
                  <input type="text" id="BenutzernameBox" name="Benutzername" />
                  <label id="PasswortLabel1" class="label1">Passwort</label>
                  <label id="PasswortLabel3" class="label2">Das Passwort muss mindestens 4 und darf maximal 20 Zeichen haben!</label>
                  <input type="password" id="PasswortBox1" name="pw1" />
                  <label id="PasswortLabel2" class="label1">Passwort wiederholen</label>
                  <label id="PasswortLabel4" class="label2">Wiederhole bitte das Passwort um es zu bestätigen!</label>
                  <input type="password" id="PasswortBox2" name="pw2" />
                  <label id="EmailLabel1" class="label1">E-Mail-Adresse</label>
                  <label id="EmailLabel3" class="label2">Gebe bitte deine E-Mail-Adresse ein!</label>
                  <input type="text" id="EmailBox1" name="email1" />
                  <label id="EmailLabel2" class="label1">E-Mail-Adresse wiederholen</label>
                  <label id="EmailLabel4" class="label2">Wiederhole bitte deine E-Mail-Adresse um sie zu bestätigen!</label>
                  <input type="text" id="EmailBox2" name="email2" />
                  <label id="checkboxlabel1" class="label1">Ich habe die</label>
                  <b><i><a id="checkboxlink" class="NichtAufSeite" href="/nutzungsbestimmungen.php">Nutzungsbestimmungen</a></i></b>
                  <label id="checkboxlabel2" class="label1">gelesen und akzeptiere sie.</label>
                  <input type="checkbox" id="checkbox" name="checkbox" />
                  <input type="submit" id="Submit" name="submit" value="Bestätigen" />
            </form>

Alles anzeigen

lediglich positioniert habe ich alles mit javascript. Denn das schien mir am besten. Außerdem wollte ich eh javascript lernen
Die können es ja auch anschalten.

Simple · 7. Februar 2013

Positionier das nicht mit Javascript, wenn die Usability deiner Seite so gut wie möglich sein soll
Nur ein Tipp

xGreekz7x · 7. Februar 2013

Aber du könntest das ganze natürlich auch mit CSS machen und dort die Php variablen verwenden

LeijaT · 7. Februar 2013

Warum nicht einfach die Javascript eigene Fähigkeit nutzen, Wertes eines input-Fields abzufragen? Erkenne da den Zweck nicht so recht.

Acrio · 8. Februar 2013

Dafür gibt es ne eigene Funktion?

Und zu der CSS Sache. Werde es gleich versuchen. Aber wie ändert man denn da dann die Farb variable wenn etwas false ist?

xGreekz7x · 8. Februar 2013

mach doch ein PHP document, und dann drin einfach <style></style>
Und dann kannste If abfragen und dies und jenes benutzen

Acrio · 8. Februar 2013

Ok. Werde ich gleich mal testen.

Und wie schreibe ich diese Funktion in CSS?

document.getElementById("Header").style.width = screen.width;

xGreekz7x · 8. Februar 2013

Ja gut, screen.width kannst du nicht in css außer du machst, width: 100%;

Acrio · 8. Februar 2013

Allerdings heißt width 100% doch 100% des Bildes oder etwa nicht?

xGreekz7x · 8. Februar 2013

ehmm in der css:
#Header {
width: 100%;
}