Yahoo奇摩投票圖表功能實作

功能流程大概這樣
Step 1. 畫面一進到此網頁，會帶QueryString(article_id)，沒有的話預設為1
Step 2. 使用者先點選了其中一張臉(心情)，按下送出(投票)後
Step 3. 程式先去判斷此文章是否有投票過，沒有的話，就Insert一筆資料並把剛剛點選的那張臉的票數設為1，已有此文章的投票資料的話，就直接Update該文章剛剛點選的臉(心情)的票數累加1
Step 4. 有數據後，就要把原本隱藏起來的圖表顯示出來，再把每個RadioButton隱藏
Step 5. 程式去DB撈出此文章的總投票數，再算出每張臉的投票率[(每張臉的投票數/總投票數)*100]
Step 6. 以上面的圖表來說，灰色的圖是背景圖，藍色的圖就是投票率，它的Height就是投票率數字

原本顯示、隱藏是想藉由jQuery操作，但發現會有圖表出現一下子後，才隱藏的現象(就是反應慢了點的感覺)
所以顯示、隱藏區塊的動作都由Server端操作

完整研究包下載處



原始文章出自於此