【问题标题】:change colour of item according to status in php根据php中的状态更改项目的颜色
【发布时间】:2014-03-05 14:30:02
【问题描述】:

我是这方面的新手。我正在创建一个网站,用户可以在其中将信息输入到待办事项列表中。我有一个在 javascript 中完成并连接到我的数据库的待办事项列表插件,但我希望用户能够更改待办事项的状态,所以会有一个按钮说完成,部分完成,和尚未完成。当他们点击这个待办事项时,它会改变颜色以表示已完成、未完成或部分完成。我已在数据库中的 todo 表中输入了 status 行,但我不确定如何实现这一点的代码。

在我的数据库中的 todolist 表中,有 idcontent 和现在的 status。 提前致谢

todo.addList = function (text){
$.ajax({
    url: 'server.php',
    method: 'GET',
    data: 'op=addList&content='+text,
    dataType: "json", // response as json
    error: function(res){
        todo.updateInfo("Failed to add new entry");
    },
    success: function(res){
        todo.updateInfo("New Entry added");
        todo.addView(res);
    }
});

这是从服务器“获取”信息的代码

【问题讨论】:

  • 请展示您编写的一些示例代码以及您遇到的问题。否则答案将非常空灵。
  • 如果你想改变“浏览器端”的东西,你不想使用 php - 改用 javascript。单击待办事项是否会生成对服务器的调用?
  • 请不要将代码放在评论中。只需编辑您的问题并在其中添加代码即可。
  • 对不起,我已经编辑了问题

标签: javascript php css database status


【解决方案1】:

并将状态存储在数据库中:

1- 添加一列 status_id,其值为 1 或 2 个数字(它将是状态的 id)

我已经在数据库的 todo 表中输入了一个状态行

所以在这个待办事项表中添加你的列

2- 使用status_id, status_title ,status_color, color_id, enabled 创建表状态

看看这个: Be able to change the colour of seperate divs by clicking on buttons

// 编辑清楚: 最后你会得到类似的东西:

// mysql query wich get all todo
$res=mysql_query("SELECT todo_name,todo_status FROM todo,status WHERE todo.status = status.id
// loop wich write all todo in the html table
while($tab=mysql_fetch_array($res))
{
    echo "<tr> <td>".$name."<td";
      if($id_status==1){
          echo 'style="background-color:red;color:red';}
      if($id_status==2){
          echo 'style="background-color:green;color:green';}
      if($id_status==3){
          echo 'style="background-color:#something;color:#something"';} 
    echo "</td>";
}

【讨论】:

  • 对不起,对于数字“1。添加一个值为 1 或 2 个数字的列 status_id(它将是状态的 id)”我到底在哪里添加此列?我对此很陌生。
  • 帮自己一个忙,为此使用 css 类。
  • 哦,是的,我现在看到了,那么我如何输入具有已完成、部分完成和未完成值的 duntton,以便它们连接到 1,2 和 3 的状态?
  • 当你的table“status”被填满时,你只需获取你任务当前状态的id,然后应用css
  • 对不起,我不明白,我将不得不对此进行更多研究。我希望每个待办事项旁边的按钮都显示完成、未完成或部分完成,以便用户可以单击它们,它们会改变颜色并更新数据库。
猜你喜欢
  • 2021-12-19
  • 1970-01-01
  • 1970-01-01
  • 2022-08-11
  • 1970-01-01
  • 2017-10-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多