2012-05-26 22 views
2

我想讓我的用戶創建自己的民意調查,以便他們可以將我的代碼粘貼到他們網站的某個位置,用戶可以爲他們自己的遊戲人物評分(1-5星評級)。使用jQuery進行遠程民意調查/ javascript

我想爲此使用jQuery或JavaScript,但我不知道如何開始開發類似的東西。它應該不會以任何方式被欺騙,所以我想將投票記錄存儲在我的數據庫表(MySQL)中。

您可能對此案有過一些經驗,所以我在等待您的建議。

+0

有一些評級腳本可用。檢查他們:尋找任何好的想法,不要犯同樣的錯誤。 – Bakudan

+0

用jquery調用ajax調用一個執行所有驗證和所有操作的php頁面 – PitaJ

回答

2

這裏是我會做什麼在堅果殼

首先你要主機的JavaScript文件和圖像星星的地方,最好是在一個CDN。

其次你需要設置一個php文件(或java或ruby或任何你喜歡的服務器端),可以通過JSONP發送和接收數據。

從這裏你要求你的用戶只需在文檔頭中包含遠程JavaScript文件,並在頁面上使用div包含特殊類來表示明星評估者(對於此示例.star)。

任務:

  1. 的Javascript:填充的<div class="star"></div>所有實例的星圖和設置。

  2. Javascript:通過JSONP以完整標識符(請參閱步驟4)從服務器請求當前的平均值。

  3. PHP:使用標識符查找到目前爲止預定的星級評分平均值,返回當前平均評分爲JSON。如果發現non,則返回JSON中的'未評分'狀態。

  4. Javascript:風格明星,所以他們都看起來正確,要麼顯示從ajax收到的平均評級,要麼顯示未評級的狀態。

  5. 的Javascript:設置基本行爲(hover樣式的變化等。)

  6. 的Javascript:創建點擊事件綁定明星。當用戶點擊時,您將不得不通過AJAX JSON向服務器發送有關評級的信息。該信息需要包括評分本身以及評價者的URL和任何其他標識符。

    類似:

    { 
        url : 'http://endUsersite.com/pagetoberated.html', 
        starId : 'pictureOfBillMurray', 
        rating : 4, 
        raterIP : 192.168.1.130 
        date : UTCstringhere 
    } 
    
  7. 的Javascript: Restyle顯示評級進步和防止未來阿賈克斯的點擊。

  8. PHP:趕上JSON,過程並將其存儲在MySQL的

  9. PHP:後成功的存儲響應Ajax與JSON陳述評價成功

  10. JavaScript調用:獲得'成功響應'的JSON,風格明星成功評分。

  11. PHP:過程評級以確定新的平均值。

您很可能還想在服務器端實施某種計時系統,以防止對來自同一IP地址的垃圾郵件評級。

0
  • 你試過了什麼?搜索?
  • 研究通過網站提供的類似

顯然,你不會看到他們的服務器端代碼的,但至少你會看到什麼是被在客戶端接收存儲計算的發送。