Jquery Rate Plugin

2 May

Ok, ăsta e primul meu plugin scris pentru jQuery (de fapt, dacă stau să mă gândesc, e primul plugin scris vreodată pentru ceva). Ce face? Te ajută să introduci o „chestiuţă” pentru votare oriunde în pagină într-un mod foarte simplu.

Cum face?

<span class="rateThis" title="current=2.5;href=vote.php;id=1"></span>

În atributul title sunt specificaţi parametrii sistemului de notare. În interiorul tagului span va fi inserat dinamic (pentru care nu trebuie să-ţi faci griji) codul ce va realiza votarea propriu-zisă.

Parametrii:

current - reprezintă nota curentă. Se pot pune note de la 0 la 5 cu subdiviziuni.
href - pagina în care se contorizează votul. Aceasta trebuie să returneze noua notă.
id - id-ul elementului pentru vot. Dacă sunt 10 locuri în care poţi să votezi diferite chestii, fiecare are id-ul propriu.

Am ales această metodă deoarece mi s-a părut a fi cea mai la îndemână.

Cum orice script iese mai bun dacă îl faci atunci când ai nevoie de el (şi nu la comandă), acest plugin a fost făcut acum aproximativ o lună pentru un site (al cărui link îl voi da când va fi lansat) şi se pare că funcţionează foarte bine :) . Plugin-ul este gratuit, poţi să-l modifici după bunul plac, fără nicio restricţie. Backlinks nu sunt obligatorii (dar nici deranjante :D ). Partea de CSS/HTML este „împrumutată”. Din păcate nu mai ştiu de unde deoarece la momentul respectiv nu plănuiam să dezvolt un plug-in şi am căutat şi încercat o mulţime de sisteme de votare, fără să găsesc vreunul care să mă satisfacă. Prin urmare, a ieşit ce a ieşit :D

Demo aici (click). Nu rămâne selectată steluţa pe care se face click deoarece am presupus că scriptul PHP trimite o medie între notele date până în acel moment. Scriptul MEU php trimite un număr întreg random între 0 şi 5.

Download aici (click).

Idei, sugestii, păreri sunt toate binevenite.

Scris în categoria: Development, jQuery

6 Comentarii »

  1. 2 May 2008 Cosmin a spus:

    Super! Chiar cautam ceva de genul zilele trecute si gaseam numai chestii bloated. Felicitari! In caz ca intampin probleme in implementare te anunt :P

  2. pai nu pare sa pastreze ultimul vot, pp ca el arata votul calculat dupa ce am votat eu ?

  3. back-end nu este făcut. Fişierul php trimite un număr random de la 0 la 5, doar să vezi că (şi cum) merge.

  4. 3 May 2008 andrei009 a spus:

    ai putea simplifica putin, adica sa nu mai trebuiasca

    $(’.rateThis’).ntzRateThis();

    verifici cand se incarca pagina ce elemente au class=rateThis si pui stelutele si ce mai trebe

  5. Andrei, dacă ai clasa rateThis folosită deja în pagină în alte scopuri decât al inserării steluţelor, ce faci? :)
    Am vrut să păstrez aceeaşi flexibilitate oferită de restul plugin-urilor jQuery şi să fac utilizatorul pluginului să utilizeze codul existent, modelând pluginul şi nu invers :)

  6. 5 May 2008 mitica a spus:

    bah ce destept e ion asta … multumim ioane ca aduci caldura si css in sufletele noastre :* =))

Lasă un comentariu

Nu completa urmatorul câmp!

Poţi folosi câteva taguri XHTML: <blockquote> <strong> <a> <em>

Pentru a posta secvenţe de cod, foloseşte
<pre lang="php/css/html/javascript"> CODUL TĂU <pre>