如何在一週內創建一個可點擊的小時網格，將點擊保存到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？

回答

相關問題