Ändern Sie hintergrund-Farbe in php mit text-Eingabe-Formular

Ich ein Programm schreiben, das ändert die Hintergrundfarbe einer Seite über ein Formular mit einem text-input-Feld. Ich versuche eine variable zuordnen, um was auch immer Wert ist geschrieben in dem text-Feld.

Der code funktioniert, wenn der input-Wert != 6 jedoch, wenn der input-Wert == 6 es funktioniert nicht. Ich denke, das problem entsteht, wenn ich versuche zuweisen der eingegebene Wert in das Textfeld $color im activity1.php Datei.

activity1.php

<?php
$color = "color";
if (isset ($_POST["button1"])) {
    if (strlen($_POST["color"]) == 6) {
        echo "<body style='background:#$color;'>";
    } elseif (strlen($_POST["color"]) != 6) {
        echo "Please enter a valid 6 digit hex code<body style='background: black; color: white;'><br>";
    }
}
?>

pageColor.php

<body>
<form action="pageColor.php" method="post">
    <?php
    include "activity1.php";
    ?>
    Please enter your color code: <input type="text" id="color" name="color" />
    <input type="submit" id="button1" name="button1" />
</form>
</body>

Zwei body tags auf einer Seite ist ein Fehler.

InformationsquelleAutor Robert | 2013-11-23

background-color php

0

Das problem ist, wie angedeutet, in diese Kommentar ist, dass Sie die Ausgabe von zwei body-tags. Dies ist kein Gültiger html-Code.

Diese Adresse, ich bevorzuge separate html-und php-code, so dass ich die html mit php, und auch eine klare Sicht auf meinen html-code.

body.html:
```
<body style="background-color:{zBackgroundColor}">
<form action="pageColor.php" method="post">
    Please enter your color code: <input type="submit" id="button1" name="button1" />
    <p>{zErrorContainer}</p>
    <input type="submit" id="button1" name="button1">
</form>
</body>
```
In den php-code, ich habe nur die Logik mit den Werten ersetzt werden, die in der html:
```
$color = '#FFFFFF'; //that way your values won't be undefined when the post is not submitetd
$error = '';
if (isset ($_POST["button1"])) {
    if (strlen($_POST["color"]) == 6) {
        $color = $_POST['color'];
        $error = '';
    } else { //no need to verify length two times
        $color = '';
        $error = 'Please specify a correct color value';
    }
}
$data = [
    '{zBackgroundColor}' => $color,
    '{zErrorContainer}' => $error,
]
```
Ich mag mit strtr() zum ersetzen von Werten in meine html. es gibt andere Funktionen zu ersetzen, content in strings, wie z.B. sprintf(), die ist leistungsfähiger und schneller, aber ein bisschen mehr einengend und kompliziert
```
$html= strtr(file_get_contents('body.html'), $data);
echo $html;
```
Die Werte, die in der $data ersetzen die Platzhalter in der Vorlage. Der {z} - Klammern sind wichtig, da strtr() ersetzt eine beliebige Zeichenfolge entspricht einem beliebigen Schlüssel der Arrays mit ist es Wert. Mit diesen Klammern mit dem 'z' Brief minimiert die Möglichkeiten, es ersetzt eine unerwünschte Zeichenkette.

jedoch direkt Zugriff auf die Werte in Ihrem $_POST ist etwas gefährlich, da es keine Kontrolle darüber, was gesendet wird, auf Ihren server. Betrachten Sie zumindest mit filter_input()
```
$color = filter_input(\INPUT_POST, 'color', \FILTER_SANITIZE_STRING);
```
InformationsquelleAutor Félix Gagnon-Grenier
-1

Warum nicht mit Jquery?

http://api.jquery.com/css/

Können Sie den hintergrund ändern die Farbe auf die Vorlage.
```
$(document).ready(function()
{
     $("#form").submit(function()
{
    $("body").css({"background-color": "#Code"});
})

})
```
Können Sie abrufen, das input-element, indem es eine id und
```
$("#elem").val();
```
Obigen Beispiel wird auch verlangt, dass Sie eine ID zuweisen die form.

Für den code;

Versuchen: echo '<body style="background:#'.$color;.'">'';

InformationsquelleAutor Hozikimaru

-1

Ersten würde ich nicht empfehlen, was Sie versuchen, denn das kann leicht sein und sollte mit Javascript gemacht werden, aber als Sie sagten, Sie sind nur zu lernen, also hier sind deine Fehler.

//First there are 2 body tags which is totally wrong. your php page should be like this

activity.php

<?php
    if (isset ($_POST["button1"]))
     {
       //Checking for lenght and hexa type
       if(ctype_xdigit($_POST["color"]) && (strlen($_POST["color"]) == 6 || strlen($_POST["color"]) == 3)) 
       {
        echo  '<body style=\'background-color:#'.$_POST["color"].';\'>';
       } 
       elseif(!ctype_xdigit($_POST["color"]) || (strlen($_POST["color"]) != 6 && strlen($_POST["color"]) != 3))
       {
        echo "Please enter a valid 6 or 3 digit hex code<br /><body style='background-color: black; color: white;'><br />";
        }
      }
?>

pageColor.php

<?php
    include "activity1.php";
?>
    <form action="pageColor.php" method="post">

    Please enter your color code:<input type="text" id="color" name="color" />
    <input type="submit" id="button1" name="button1" />
    </form>
</body>

Bitte äußern Sie sich, warum hat jemand -1
hier ist es. IN Ihrem code,die $Farbe Wert ist immer "Rot".so wird der hintergrund immer rot,unabhängig davon, was der Benutzer eingibt.Sie sind nicht mit dem gesendeten Wert $_POST['Farbe']
ha, ha, ha. Wenn Sie so eifersüchtig u könnte geprüft haben Sie Ihre Antwort vor der Veröffentlichung.LOL

InformationsquelleAutor Abdul Jabbar Dumrai

-1

nachdem diese Schleife

if (strlen($_POST["color"]) == 6){

sind Sie nicht zuweisen $Farbe den Wert für $_POST['Farbe']. so wird die variable Farbe mit dem Wert bleiben, wie die "Farbe".wenn u verwenden, im styling "background:#color" ist kein gültiges css.

$color = "color";
if (isset ($_POST["button1"])){
    if (strlen($_POST["color"]) == 6){
        //$color value is color here. '#color' is not a proper hex bg code. 
        echo  "<body style='background:#$color;'>";
    }elseif(strlen($_POST["color"]) != 6){
    echo "Please enter a valid 6 digit hex code<body style='background: black; color: white;'><br>";
    }
}

versuchen Sie, diese zu

$color = "color";
if (isset ($_POST["button1"])){
    if (strlen($_POST["color"]) == 6){
        $color=$_POST["color"];
        echo  "<body style='background:#$color;'>";
    }elseif(strlen($_POST["color"]) != 6){
    echo "Please enter a valid 6 digit hex code<body style='background: black; color: white;'><br>";
    }
}

Ihre Antwort war ausgezeichnet, und es funktionierte gut. Ich bin nur zu lernen, zur Nutzung dieser Website und ich war nicht bewusst, dass man markiert werden kann nach oben oder unten. Ich meinte zu markieren es als richtig. Ich werde es beheben, sobald ich kann. Noch einmal meine Entschuldigung.

InformationsquelleAutor Bhadra

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.