通过单击并在重新加载后保留更改来更改单元格(静态)中的颜色和内容

时间:2015-06-30 16:42:20

标签: javascript jquery html sql html-table

我正在尝试为我的工作制作状态概览网站。我想把它变成一个表,然后你点击单元格然后单元格将在3个选项之间切换。我在这里做了一个例子,但我想把所有东西都放在一行。



<table border="1" style="width:100%">
  <tr>
    <th>Name</td>
      <th>Status</td>
  </tr>
  <tr align="center">
    <td>Martin</td>
    <td bgcolor="green">Option 1</td>
  </tr>
  <tr align="center">
    <td>Martin</td>
    <td bgcolor="red">Option 2</td>
  </tr>
  <tr align="center">
    <td>Martin</td>
    <td bgcolor="orange">Option 3</td>
  </tr>
</table>
&#13;
&#13;
&#13;

然后我想要页面保存更改。我需要SQL还是可以运行一些javascript或什么?

希望你能帮助我。

2 个答案:

答案 0 :(得分:0)

您无需使用任何服务器端数据库即可完成此操作。你可以使用sessionStorage或localStorage(html5)这很容易。看看:

http://zenorocha.com/html5-local-storage/ 要么 http://www.w3schools.com/html/html5_webstorage.asp

如果你自己无法得到它,请再次回来告诉你的新烦恼

答案 1 :(得分:0)

另外,你可以使用cookies

https://github.com/carhartl/jquery-cookie

设置你的td索引和颜色, 当重新加载页面时 - 阅读所有可用的cookie