Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP/CSS] skrypt oceniania
Forum PHP.pl > Forum > PHP
wiciu010
Chodzi o coś takiego, że jest wyświetlanych 10 gwiazdek (nie podświetlonych) i gdy user najedzie na szóstą gwiazdkę i kliknie to film dostaje ocene 6, i jak zrobić żeby się 6 pierwszych gwiazdek podświetliło? A jak najedzie na trzecią to trzy pierwsze? Efekt jak TUTAJ
windman
myślę, że to raczej w js.

podam Ci pomysł jak to widzę, a nie kod gdyż js znam na tyle iż wiem co się da zrobić a co nie... (chyba ;-)
Jak myszka jest nad gwiazdką (onmouseover) wywołujesz funkcję oswiec, w parametrze funkcji przekazujesz która to gwiazdka
oswiec('5')

następnie w funkcji oswiec robisz petle - dla gwiazdek od 1 do 5 podmien obrazek na taki i taki.

to w tej pętli:
document.getElementById(id_obrazka).src = "adres_pliku_z_grafika";


Ja bym tak kombinował.

A masz, nie ma co robić...
pisane na szybko, pewnie można zoptymalizowac.

Tutaj js.
  1. function ocen(id){
  2.  
  3. for(i=1;i<=id;i++){
  4. document.getElementById(i).src="c.gif";
  5. }
  6.  
  7. }
  8.  
  9. function ocen2(id){
  10.  
  11. for(i=1;i<=id;i++){
  12. document.getElementById(i).src="n.gif";
  13. }
  14.  
  15. }


Tutaj html.
  1. <img src="n.gif" id="1" onmouseover="ocen('1')" onmouseout="ocen2('1')">
  2. <img src="n.gif" id="2" onmouseover="ocen('2')" onmouseout="ocen2('2')">
  3. <img src="n.gif" id="3" onmouseover="ocen('3')" onmouseout="ocen2('3')">
  4. <img src="n.gif" id="4" onmouseover="ocen('4')" onmouseout="ocen2('4')">
  5. <img src="n.gif" id="5" onmouseover="ocen('5')" onmouseout="ocen2('5')">
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.