PHP：用顏色填充圖像塊並保存信息

Question

我期待設置一個包含網格圖像的頁面。這些網格可以被選擇，並且取決於用戶選擇顏色的鏈接類型將被填充和保存。一旦所有的塊都被填滿，這將被存檔，然後將顯示一張新的表格。我想在後端使用PHP/MySQL，但想知道什麼是好的客戶端？

Answer 1

爲什麼圖像的網格？更好的解決方案是使用填充div的表格或列表來創建網格。然後使用jQuery填充用戶點擊鏈接時的背景。

實施例爲網格：

<ul id="grid"> 
    <li> 
     <div class="cell" id="cell_id"></div> 
     <div class="cell"></div> 
     <div class="cell"></div> 
     <div class="cell"></div> 
    </li> 
    <li> 
     <div class="cell"></div> 
     <div class="cell"></div> 
     <div class="cell"></div> 
     <div class="cell"></div> 
    </li> 
    ... 
</ul> 

CSS例如：

<style> 
    #grid { 
     list-style: none; 
    } 

    #grid li { 
     height: 50px; 
    } 

    #grid .cell { 
     float: left; 
     width: 100px; 
     height: 50px; 
     border: 1px solid black; 
    } 
</style> 

最後使用jQuery當用戶點擊鏈接以填充細胞。你可以通過計算行和單元格來找到單元格，或者只給單元格一個id。保存部分可以通過AJAX調用完成，將頁面保存到數據庫中。

簡單的jQuery例子（你必須想出其他部分自己）：

<script> 
    $('link').click(function() { 
     //place check for new sheet here 

     var id = $(this).attr('id'); 

     //set the bg color 
     $('cell_id').css('background-color', 'red'); //or color code #FF0000 

     //save the info 
     $.post('save_info.php', { cell_id: id, color: "red" }, function(data) { 
      alert('saved!'); 
     }); 
    }); 
</script> 

你可以找到更多的信息，並在下載的jQuery：http://jquery.com/

jQuery的代碼時，都創建一個新的工作表單元格填充可以在點擊功能中進行一點檢查。此檢查必須計算所有具有bg顏色的單元格，是否與總單元格相同？然後通過刪除所有單元格的顏色和設置新的ID來創建一個新工作表。但你可以自己弄清楚這一點;）。