如何在一周内创建一个可点击的小时网格，将点击保存到MySQL？

只是想知道如果有一个系统，在那里，基本上允许以下：如何在一周内创建一个可点击的小时网格，将点击保存到MySQL？

Clickable

显示的时间网格一周，用户可以点击选择和reclick取消选择当表单会被提交，它会将块发送给MySQL来存储。

由于我没有做过这之前我不知道最佳的行动方针，初步的想法是加载一个pixel.gif和使用onclick理货点击，但在我重新发明轮子作为一个正方形之前，我认为最好先问问题以后再省事。

非常感谢，

里克

来源

2011-09-15 Rik

你想知道如何绘制该网格或如何将该数据发送到SQL或如何存储该数据（数据库体系结构）？ –

嗨，Janis，我可以用onclicks，5x5像素的gif文件和数组来尝试它，但我已经阅读了很多这里的问题，我回答了很长的绘图方式，以显示这样一个更简单，更优雅的解决方案，我认为最好问如果有人在之前看到过类似于这种类型的问题，那么我现在可以看到一段代码。 – Rik

“5x5像素gif文件...”。如果你使用.gif的方式，你将不需要超过2个gif文件 - 1代表“点击”状态，另一个“未点击”。 –

我认为实现这一目标是使用按钮或复选框选择代表的日期/时间的最简单的方法。复选框将是最简单的，因为它们可以设置为'1'，当您提交表单时，只有选中的复选框会显示为$_POST变量。

按钮可以有更多的样式应用于它们，但您必须使用一些JavaScript代码来切换点击时按钮的值和样式。这在jQuery中很容易做到。

来源

2011-09-15 10:13:31 chrishall78

我一直在想这些方面，或onclicks图像占位符。只是想检查我没有做一些愚蠢的事情。正在准备dailywtf。COM太多，现在害怕编程错误LOL – Rik

我认为你应该先从复选框开始。实现所有你需要的功能是非常容易的。如果将其分配给相同的ID，则将其更改为更高级的“花哨”功能并不会那么困难。 – yoshi

您可以创建一个表，其中选中的td有一个类，未选中的td具有另一个类，并且它们都有唯一的ID。然后为这两个类中的每一个设置onclick动作，以将td的id作为参数发送给使用ajax更新数据库并将td的类更改为选定或未选中的javascript函数。

产生的HTML代码如下所示：

<td id='19_09_2011_12am' class='unselected_td'/></td> 
<td id='19_09_2011_12am' class='selected_td'/></td>

的CSS看起来像：

.unselected_td{background-color:blue;} 
.selected_td{background-color:yellow;}

和JavaScript：

$('.unselected_td').click(function(){ 
    var cell = this.id; 
    $.ajax({ 
    type:'post', 
    url:'path/file.php', 
    data:"cell="+cell+"&checked=1", 
    success:function(){ 
     $(this).removeClass('unselected_td').addClass('selected_td'); 
    } 
}); 
});

，反之亦然选定的，相反，发送0到服务器。我不是100％确定我在jQuery中使用的语法，但这个想法应该工作

来源

2012-01-15 00:06:26 Ethan

如何在一周内创建一个可点击的小时网格，将点击保存到MySQL？

回答

相关问题