PHP Изменить цвет фона, основываясь на правильном или неправильном ответе

0

Поэтому я работаю над сайтом, на котором вы можете научить новообразований некоторым кодам, которые нам нужно знать. Это на сайте: таблица, в форме, где вам нужно написать правильный код в поле ввода на определенных фруктах, овощах и хлебе (вещи супермаркета..).

Так вот так: Image - Cucumber - введите код здесь

В конце, есть проверка, если вы заполнили правильный код. Но я хочу, чтобы поля ввода меняли цвет, зеленый, если ответ правильный и красный, если ответ неверен.

Это то, что я получил:

Index.html:

//Above here is the table
<?php
    if(isset($_POST['komkommer'])){

        /* Include PHP scripts first */
        include_once 'phpscripts/plu.php';
        include_once 'phpscripts/groentestore.php';
        include_once 'phpscripts/functions.php';

        /* Call the check functions */
        groenteCheck();
    }
    else {

    }
?>

Часть формы с таблицей (в index.php, загружаемой из внешнего php файла):

<tr>
    <td><img src="image/komkommer.jpg"></td>
    <td>Komkommer</td>
    <td><input type="text" autocomplete="off" name="komkommer" placeholder="..."></td>
</tr>
<tr>
    <td><img src="image/rodekool.jpg"></td>
    <td>Rode kool</td>
    <td><input type="text" autocomplete="off" name="rodekool" placeholder="..."></td>
</tr>

И часть groenteCheck() в functions.php

if($komkommer != $plu_komkommer){
        echo '<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';
    }
    if($rodekool != $plu_rodekool){
        echo '<p>Rode kool was niet juist! Jij voerde '.$rodekool.' in!</p>';
    }

Я попытался: 1. Сделать переменную PHP в index.html, называемую $ komkommerCheck, и установить ее в "стандартную". В таблице добавлено следующее: class=<?php echo '"'.$komkommerCheck.'"';?>>. Затем в инструкции if else я устанавливаю: $ komkommerCheck = "correct" или $ komkommerCheck = "wrong" ("неправильный" и "правильный" - 2 класса, что делает цвет фона красным или зеленым). Но как только проверка будет выполнена, сообщение "'<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';" "'<p>Komkommer was niet juist! Jij voerde '.$komkommer.' in!</p>';" появляется, но класс не изменяется в index.php

Извините, если это немного неясно, но помощь очень приветствуется!

Спасибо :)

Теги:
colors

1 ответ

0
Лучший ответ

Если вы хотите изменить цвет ввода с помощью PHP, который, очевидно, будет происходить только на стороне сервера, то есть после отправки формы. Если вы хотите проверить, правильно ли введен вход, когда он набирает его, вам нужно будет использовать JavaScript для этого. Вот пример для вас, пожалуйста, проголосуйте, потому что я кодирую это для вас.

http://jsfiddle.net/qhdsk784/1/

ЗДЕСЬ ЗДЕСЬ

$( document ).ready(function() { 
    $( "#carr" ).keyup(function() {
    var get_value = $("#carr").val();

            if(get_value == "stephen"){
        $("#carr").addClass('green');
    }
});  
    });

HTML ЗДЕСЬ

<div>Enter <b>stephen</b> into the input to see change.</div>
 <input type="text" name="carr" id="carr"value="">

CSS ЗДЕСЬ

input{
    color:#fff;
    font-weight:bold;
    padding:7px;
    font-size:16px;
    background-color:#FA0000;
}
input.green{
    background-color:#479E00;
    color:#fff;
    font-weight:bold;
}
  • 0
    Я попробую это :) Большое спасибо! Хотелось бы, чтобы я проголосовал, но мой представитель меньше 15 ...
  • 0
    Хорошо. Как насчет голосования?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню