Rangsor a csillagok a css

A módszer megválasztása

Van egy szabványos funkcionális értékelése semmit a VEB, amely megtalálható számos honlapok. Általános szabály, hogy ez technikailag számos módja:

1. Állítsa input rádió jellegű elemek, amelyek mindegyike megfelel egy adott értékelése

Nemrégiben során az elrendezés a projekt kellett szembenézni hasonló kihívást. Egy kis gondolkodás, én választottam az első lehetőséget, több okból is:

- alkalmassága alapján INPUT már végrehajtották a cms, illetve jobban tapadnak rá, mint kényszeríteni a programozó, hogy dolgozzon ki „tüskék” a forgatókönyvet;

- Egyszer láttam a végrehajtását egy ilyen mechanizmus, és biztos voltam benne, hogy ez lehetséges.

Rangsor formájában csillagok CSS

Így, a mechanizmus a rádió INPUT stílus CSS nem új, és nem jön ki, természetesen. De valahogy, kérésre „minősítés a CSS” nem találtam kész megoldás, ami tetszik nekem. Ezért írtam a saját.

1. Kell egy képet (lehetőleg egy sprite) formájában csillagok (napok, cicák, sovyat és bármit szívesebben).

2. Adjuk jelölés (jelölő alább van írva teljesen példáját írja le ide az alapötlet): Van egy wrapper elemet váltogathatunk és . Emellett alternatív visszafelé (ez nagyon fontos, hogy képes legyen stilizálhatja összes kiválasztott, ha rákattint a csillag, és szükség van a hover-hatást. Lásd példaként). INPUT menni a tetején, átlátszó, így láthatja, csak a csillag-címkét.

3. Ha egy adott INPUT, stílusok minden változást , húzódó alsó jelölő (választókapcsoló CSS

). Tény, formájában is, mint általában a kiválasztott RadioButton válik ellenőrizni.

Jobb felhasználása opacity: 0, több okból is:

1. Ezen döntés alapján a kommunikációs szigetek display: none

2. Az általános elrendezés érdemes használni a minimális kötődését display: none, mert azt nem fogadta a keresőmotorok.

1) Igen, INPUT nem lesz látható, és ez nem kerül sor. De továbbra is kattintható miatt a címke, és egy rádió gomb lesz ünnepelt (Kipróbáltam). És mi továbbra is végrehajtja csupán címkék nélkül csapkod, szembe opasiti.

2) Sv-in display: none nem fogadta keresők, de azt hiszem, anélkül, hogy a különböző weboldalakon talált elegendő számú display: none.

2) Egyértelmű, hogy e nélkül a Holy Island nem szükséges, de ha nem tudja használni, akkor miért?

Üdvözlünk! Mondjuk és a végrehajtás egy ilyen értékelés jelenik meg, ha az átlagos értékelés az objektum az oldalon? Gondolom, ha egy személyt eddig 1 csillag, de a második férfi - 5, megmutatja, hogy az átlagos érték 3?

Kedves Vladimir. Az a tény, hogy ez csak az ügyféloldali végrehajtás. Azaz, az tény, hogy ezek a csillagok fognak megjelenni a végén úgy dönt, hogy részt vesz a végrehajtásában szerver oldali: függetlenül attól, hogy a választás egy adott felhasználó vagy értem ... vagyis, ha kell, az átlagos érték, a logika erről: tudjon átlagosan becslés a szerver, akkor a frontend tét ellenőrzött INPUT, amely úgy áll, hogy ez a szám is beleértve. Csak ezen a módon nem lehet megtenni fél csillag.

Egyértelmű, bocs tudásom nem segített megvalósítani az átlagérték a szerver oldalon. És mondja meg, hogyan lehet benne, hogy az alapértelmezett volt egy 5 csillagos minősítést például jól, vagy 4, azaz ál átlagos minősítés csinálni?

Nos minden felhasználó így nem kell csalni a véleményem))) Ha valamilyen CMS, akkor biztosan jobb használni néhány kész rangú modulok (abban az időben, amikor csinálok az elrendezés értékelés, odaadtam később az integráció backend fejlesztő).