Turning gears are the logo of co-scripts

Sitelerde çokça karşılaşılan ve genelde 5 yıldızdan oluşan puanlama yada değerlendirme aracını hepimiz biliriz. Yıldızların üzerine gelindiğinde yada tıklandığında gittikçe dereceleri değişen değerler alırlar. Bunlar kötü-iyi-çok iyi-süper gibi metinler olabileceği gibi 1-5'e kadar olan rakamlı sıralamada olabilmektedir. 

Böyle bir ihtiyaç doğduğunda hızlıca çalışabilen bir şeyler yazdım. Bu uygulama biraz daha geliştirilebilir ve bir api şeklinde kullanıma sunulabilir. 

Öncelikle bu tarz bir uygulamanın üreteceği değeri nerede kullanacağımızı bilmeliyiz. Veriyi veri tabanına mı ulaştıracağız yoksa başka bir sayfada kullanılmak üzere mi göndereceğiz. Ajax ile bir sayfaya gönderebilir veya form onaylama ile sunucu tarafında iş gördürebiliriz. İkinci durumda bir input elementine ihtiyacımız var. Örnekte hidden input kullanılıyor veriyi taşımak için. Ancak bu sayfada olan biteni görebilmek için normal text tipi input kullanacağız. Gereken js dosyasını buradan, görselleri de buradan ve buradan (iki tip yıldız) indirebilirsiniz.

Yıldızlı Oylama (Çalışan Örnek)    Lütfen bu firmayı değerlendiriniz

Şimdi kodlar


         Lütfen bu firmayı değerlendiriniz

Kodlar tabiki biraz daha düzenli ve optimize olabilir. Daha pratik ve parametrik bir fonksiyon grubu yazmaya çalışacağım.

co-scripts tag image ratingstaryildizoylamayildizli oylamayildizli degerlendirmepuanlamayildizli puanlama
ID:128 | Okunma:5288