Clasament ca stelele din css

Alegerea metodei

Există o evaluare funcțională standard a ceva în VEB, care pot fi găsite pe multe site-uri. De regulă, aceasta se face punct de vedere tehnic în mai multe moduri:

1. Elemente de intrare de tip aparat de radio, fiecare dintre acestea corespunzând unui anumit evaluare

Recent, în timpul aspectul unui proiect a trebuit să se confrunte cu o provocare similară. Un pic de gândire, am ales prima opțiune din mai multe motive:

- funcționalitate pe baza INPUT a fost deja pusă în aplicare în CMS, respectiv, stick-ul mai bine să-l, decât pentru a forța programator să vină cu „vârfuri“ pentru script-ul;

- odată ce am văzut punerea în aplicare a unui astfel de mecanism, și am fost sigur că acest lucru este posibil.

Ranking în formă de stele pe CSS

Astfel, mecanismul de INPUT radio de styling cu CSS nu este nou și nu am venit, desigur. Dar, într-un fel, la cerere „de rating pe CSS“ nu am găsit o soluție gata, care mi-ar potrivi. De aceea, am scris propria sa.

1. Avem nevoie de o imagine (de preferință într-un spiriduș) sub formă de stele (sori, pisoi, sovyat și orice preferați).

2. Definirea markup (markup de mai jos este scris în întregime în exemplul descris aici, ideea de bază): avem un element de înveliș, alternează și . Mai mult decât atât, înapoi alternative (este foarte important să fie în măsură să stiliza toate selectate atunci când faceți clic pe steaua și este necesar pentru Hover-efect. A se vedea, de exemplu). INPUT du-te pe partea de sus, transparent, astfel încât să puteți vedea doar stele eticheta.

3. Dacă o anumită intrare, stiluri pentru toate modificările , care se extinde de marcare inferior (prin css selectorului

). De fapt, RadioButon, de asemenea, sub forma în care, de obicei, selectat devine verificat.

O mai bună utilizare a opacității: 0 din mai multe motive:

1. Bazat pe determinarea afișare Insulele de comunicare: nici unul

2. Dispunerea generală în valoare de a utiliza legarea de afișare minim: nici unul, pentru că nu este salutată de către motoarele de căutare.

1) Da, intrarea nu va fi văzut și nu va avea loc. Dar el va fi în continuare clickable etichetă și din cauza că este un buton radio va fi sărbătorită (am testat). Și vom continua să execute numai etichete fără nici un hack, care se confruntă cu opasiti.

2) Sv-in ecran: nici unul nu este bine primită de motoarele de căutare, dar cred că fără ea pe diverse site-uri web a găsit un număr suficient de afișare: nici unul.

2) Este clar că fără această Insula Sfânt nu este necesar, dar dacă nu se poate folosi, de ce?

Bine ai venit! Spune și în punerea în aplicare a unui astfel de evaluare a va fi afișată în cazul în care evaluarea medie pe pagina de obiect? să presupunem că în cazul în care o persoană a evaluat cu 1 stea, dar al doilea om - 5, va arăta dacă valoarea medie a 3?

Dragă Vladimir. Faptul că acest lucru este doar punerea în aplicare la nivel de client. Aceasta este, de fapt, că aceste stele vor fi afișate în cele din urmă decide să aveți în punerea în aplicare a server-side: dacă aceasta este alegerea unui anumit utilizator sau înseamnă ... că este, în cazul în care aveți nevoie pentru a arăta valoarea medie, logica despre acest lucru: obține pe estimarea medie a serverului, apoi la pariu verificat INPUT front-end, care stau la această cifră, inclusiv. Numai în acest mod nu se poate face o jumătate de stele.

Este clar, îmi pare rău cunoștințele mele nu a ajutat-mi dau seama de valoarea medie pe partea de server. Și spune-mi cum vă puteți asigura că implicit a fost un rating de 5 stele, de exemplu, ei bine, sau 4, adică, pseudo medie de rating de a face?

Ei bine, toți utilizatorii, astfel încât să nu ar trebui să trișeze în opinia mea))) Dacă utilizați un fel de CMS, atunci cu siguranta mai bine de a utiliza unele module gata de rang (în momentul în care am fost de a face aspectul acestui rating, l-am dat mai târziu la integrarea dezvoltator backend).