能够通过单击按钮更改单独div的颜色

时间:2014-03-03 13:52:58

标签: php jquery html layout colors

我正在创建一个婚礼清单网站。 对于我的清单,我想让用户将待办事项的颜色更改为红色,琥珀色和绿色,红色表示未完成,琥珀色表示部分完成,绿色表示已完成。我正在想如何实现这一点,我也希望将它保存到数据库中。 提前谢谢。

2 个答案:

答案 0 :(得分:0)

你正在寻找这样的东西吗?

<script type="text/javascript">
    $(document).ready(function () {
        $(".button").click(function () {
            $("#colorPick").css("background-color", $(this).attr("value"));
        });
    });

</script>
<body>
   <div id="colorPick" style="width:100px;height:100px; "></div>
   <input type="button" class="button" value="Red" />
   <input type="button" class="button" value="Green" />

</body>

答案 1 :(得分:0)

db中的

  1. 添加一个值{1}},其值为1或2个数字(它将是状态的ID)
  2. 使用statusstatusstatus_idstatus_titlestatus_color
  3. 创建表格color_id 你的代码中的

      你的div中的
    1. ,通过获取存储的id

      来获取任务的颜色

      enabled

    2. 在你的每个td上使用它(我想你正在使用表格) $colorOfTheTask = "SELECT color_id FROM status,task WHERE task.status = status.id ";
    3. 就像那样,您将能够更轻松地管理您的颜色。你仍然可以使用这样的if语句:

      <td <?php echo 'style="background-color:'.$color_id.';color:'.$color_id.'"';?></td>