[PHP/CSS] skrypt oceniania Opcje

[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.

[HTML] pobierz, plaintext 
function ocen(id){
 
   for(i=1;i<=id;i++){ 
    document.getElementById(i).src="c.gif";
   }
 
  }
 
  function ocen2(id){
 
   for(i=1;i<=id;i++){ 
    document.getElementById(i).src="n.gif";
   }
 
  }
[HTML] pobierz, plaintext 

Tutaj html.

[HTML] pobierz, plaintext 
<img src="n.gif" id="1" onmouseover="ocen('1')" onmouseout="ocen2('1')">
  <img src="n.gif" id="2" onmouseover="ocen('2')" onmouseout="ocen2('2')">
  <img src="n.gif" id="3" onmouseover="ocen('3')" onmouseout="ocen2('3')">
  <img src="n.gif" id="4" onmouseover="ocen('4')" onmouseout="ocen2('4')">
  <img src="n.gif" id="5" onmouseover="ocen('5')" onmouseout="ocen2('5')">
[HTML] pobierz, plaintext 

Ten post edytował windman 19.02.2008, 19:17:25