Класиране като звездите в CSS

Избор на метода

Налице е стандартен за функционална оценка на нещо в VEB, което може да се намери на много сайтове. Като правило, което технически стане по няколко начина:

1. Комплект елементи вход радио тип, всяка от които съответства на определена оценка

Наскоро, по време на оформлението на проекта трябваше да се изправи пред подобно предизвикателство. Малко мисъл, аз избрах първия вариант поради няколко причини:

- функционалност на базата на INPUT вече е изпълнен в ССФ, съответно, по-добре се придържайте към него, отколкото да се принуди на програмиста да излезе с "шипове" за скрипта ви;

- веднъж съм виждал изпълнението на такъв механизъм, а аз бях сигурен, че това е възможно.

Класиране във формата на звезди на CSS

По този начин, механизма на радио INPUT стил с CSS не е нова и не излезе, разбира се. Но някак си, при поискване "Оценка на CSS" Аз не намери готов разтвор, който иска да ме устройва. Ето защо, аз написах сам.

1. Имаме нужда от снимка (за предпочитане в спрайт) под формата на звезди (слънца, котенца, sovyat и каквото предпочитате).

2. Определяне на маркиране (маркиране по-долу е написан изцяло в примера описват тук основната идея): ние сме обвивка елемент, му се променя и . Нещо повече, заместник назад (това е много важно, за да бъде в състояние да стилизирам всички избрани, когато щракнете върху звездата, и то е необходимо за динамичния ефект. Вижте пример). INPUT отиде на върха, прозрачна, така че можете да видите само на звезда етикета.

3. Ако даден вход, стилове за всички промени , удължаване нисш маркиране (чрез селектор CSS

). В действителност, също във формата, обикновено избран radiobutton става проверени.

По-добро използване на непрозрачност: 0 поради няколко причини:

1. Въз основа на определяне на комуникационни острови дисплей: няма

2. общия план на стойност да се използва свързване на дисплей минимум: няма, защото тя не се приветства от търсачките.

1) Да, INPUT няма да се види, и той няма да се осъществи. Но той все още ще може да се кликва дължи на етикети и това е бутон за избор ще бъде отбелязан (Аз бях тестван). И ние ще продължим да се изпълни само етикети, без никакви хакове, изправени пред opasiti.

2) Sv-дисплей: няма, не е посрещнат от търсачките, но мисля, че без него на различни сайтове намерени достатъчен брой дисплей: няма.

2) Ясно е, че без тази Светия остров не е необходимо, но ако не можете да го използвате, защо?

Добре дошли! Да речем, и в прилагането на такъв рейтинг ще се появи, ако средната оценка на страницата на обект? Предполагам, че ако един човек е място 1 звезда, но вторият човек - 5, ще покаже дали средната стойност на три?

Уважаеми Владимир. Фактът, че това е само изпълнението страна на клиента. Това означава, че в действителност, че тези звезди ще бъде показан в края решите да имате в изпълнението на страна на сървъра: дали това е изборът на конкретен потребител или да кажа ... това е, ако имате нужда да се показва средната стойност, логиката за това: кача на средната прогноза на сървъра, а след това да се фронтенд залог проверява INPUT, която стои до тази цифра, включително. Само по този начин не може да се направи половин звезда.

Ясно е, съжалявам ми е известно не ми помогне да осъзнаят, средната стойност на сървъра страна. И да ми каже как може да сте сигурни, че по подразбиране е 5-звезден рейтинг например, добре, или 4, което означава, псевдо средна оценка направя?

Ами всички потребители, така че не трябва да мамят по мое мнение))) Ако използвате някакъв вид на ССФ, а след това със сигурност по-добре да използвате някои готови класиране модули (в момента, когато правя оформлението на този рейтинг, аз го дадох по-късно с интеграцията задния разработчик).