PHP背景颜色变化

时间:2016-11-30 09:26:11

标签: php html colors background

我的代码有错误。 我想用单选按钮改变背景,一些帮助请

<?php 
    if (!empty($_GET)) {
        if ($_GET('kleur') == 'rood') {
            echo  '<body bgcolor="red">';
        }
        if ($_GET('kleur') == 'oranje') {
            echo  '<body bgcolor="orange">';
        }
        if ($_GET('kleur') == 'geel') {
            echo  '<body bgcolor="yellow">';
        }
        if ($_GET('kleur') == 'groen') {
            echo  '<body bgcolor="green">';
        }
        if ($_GET('kleur') == 'blauw') {
            echo  '<body bgcolor="blue">';
        }
    }
?>

4 个答案:

答案 0 :(得分:1)

写一个干净的代码 定义可能的颜色数组:

$colorMap = [
    'rood' => 'red',
    'oranje' => 'orange',
    'geel' => 'yellow',
    'groen' => 'green',
    'blauw' => 'blue'
];

获取您需要的颜色(而不是DEFAULT_COLOR设置默认颜色):

if (isset($_GET['kleur']) && isset($colorMap[$_GET['kleur']])) {
    $bgColor = $colorMap[$_GET['kleur']];
} else {
    $bgColor = DEFAULT_COLOR
}

输出你的html:

echo '<body style="background-color: '.$bgColor.'">';

答案 1 :(得分:0)

我认为你有php语法错误

  

您正在使用if( $ _ GET('kleur') =='rood'){

哪个错误应该 $ _ GET ['kleur']

确保在所有条件下都这样做。 有关$ _GET函数click here

的更多信息

答案 2 :(得分:0)

替换它,

if ($_GET('kleur') == 'blauw')

if ($_GET['kleur'] == 'blauw')

答案 3 :(得分:0)

在您的页面正文样式上,您需要拥有一个样式属性,该属性将根据点击的广播进行更改。而简单的方法是使用开关。

    <body style="<?php echo $body_style;?>">


    </body>

<?php
$body_style=""; // so that we don't get undifined index on body style

    if(isset($_GET['kleur'])){

        switch ($_GET['kleur']) {
        case 'rood':

            $body_style = "background:red";

            break;

        case 'oranje':
            $body_style = "background:orange"
            break;

        case 'geel':
            $body_style ="background:yellow";
            break;

        case 'groen':
             $body_style="background:green"
            break;

        case 'blauw':
                $body_style="background:blue"
                break;
        default:
            $body_style="";
            break;
    }


    }


?>