Stránka 1 z 1

CSS k php hodnocení  Vyřešeno

Napsal: 18 kvě 2013 10:22
od wItt 94
Ahoj. Píšu svůj vlastní kód na php hodnocení něčeho..
Proč píšu svůj vlastní? Protože prostě chci a nechci ho z webu.. hodnocení mi funguje, jen mám problém s css.

Ořezaný php kód, aby nezabíral moc místa:

Kód: Vybrat vše

echo "<table >
<form metohod='get' name='hod' action='index.php'>";
echo "<tr>
<td><a href='index.php?&hodnoceni=0'> <img src='stranka_vzhled/empty.png' class='hodnoceni'> </a> </td>
<td><a href='index.php?&hodnoceni=1'> <img src='stranka_vzhled/empty.png' class='hodnoceni'> </a> </td>
<td><a href='index.php?&hodnoceni=2'> <img src='stranka_vzhled/empty.png' class='hodnoceni'> </a> </td>
</tr> ";


A CSS kod

Kód: Vybrat vše

.hodnoceni { background-image:url(obrazky/stranka_vzhled/empty.png); }
 .hodnoceni:hover { background-image:url(obrazky/stranka_vzhled/full.png);}


V php kodu v odkazu mám místo textu obrázek (prázdnou hvězdičku).. Po najetí myší na hvězdičku se prázdná hvězdička vybarví (překryje) jiným obrázkem (vybarvenou hvězdičkou).. A cože to chci? Chci, aby když najedu na druhou hvězdičku v pořadí, aby se mi vybarvila i ta první. takže něco v css
Jednoduchá rovnice, ze které by to mělo být pochopitelný :D
první číslo je hvězdička v pořadí
druhé čísla jsou pořadí hvězdiček, které mají být vybarvené
1=1
2=1+2
3=1+2+3
4=1+2+3+4
atd..
Ví někdo jak na to? Děkuji moc :)

Re: CSS k php hodnocení

Napsal: 18 kvě 2013 15:38
od honzaik
přesně jsem nepochopil (ani moc nesnažil) co chceš udělat, ale myslím že to čistě v CSS nepujde, budeš to muset udelat i s JS
edit: mysliš něco takoveho? http://jsfiddle.net/honzaik/BXGMH/1/

Re: CSS k php hodnocení

Napsal: 18 kvě 2013 15:48
od CZechBoY
taky to mám řešené přes JS
na googlu jsem našel: http://css-tricks.com/star-ratings/

Re: CSS k php hodnocení

Napsal: 18 kvě 2013 20:59
od wItt 94