イメージブロック私のクリック可能なdiv

Question

私は、JavaScript、およびクリック可能なdivの機能上にマウスを持っていますが、私はイメージをクリックすると、何も起こらないが、イメージの外には完全に動作します。

<div id="1" onclick="SendRating(this.id);" onmouseover="rateStar(this.id)" ><img src="star.jpg"></div> 

と私のマウスオーバー機能。

function rateStar(rating){ 
    var i = 1; 
    var ratings = ''; 
    for (i==1; i<=5; i++){ 
     if (i<=rating){ 
      document.getElementById(i).innerHTML = '<img src="star1.gif">'; 
     } 
     else{ 
      document.getElementById(i).innerHTML = '<img src="star.jpg">'; 
     } 
    } 
} 

おかげ

Answer 1

IDは数字で始めることはできません。

<div id="rating_1" score='1' onclick="SendRating(this.getAttribute('score'));" onmouseover="rateStar(this.id)" ><img src="star.jpg"></div> 

をし、あなたの問題を解決しないかもしれない

function rateStar(rating){ 
    var i = 1; 
    var ratings = ''; 
    for (i==1; i<=5; i++){ 
     if (i<=rating){ 
      document.getElementById('rating_'+i).innerHTML = '<img src="star1.gif">'; 
     } 
     else{ 
      document.getElementById('rating_'+i).innerHTML = '<img src="star.jpg">'; 
     } 
    } 
} 

これにあなたのジャバスクリプトを変更していますが、いずれにしても、それを実行する必要がありますあなたのコードを作成します。

<div><img src="star.jpg" score='1' id="rating_1" onclick="SendRating(this.getAttribute('score'));" ></div> 

とにあなたのJSを変更：

function rateStar(rating){ 
     var i = 1; 
     var ratings = ''; 
     for (i==1; i<=5; i++){ 
      if (i<=rating){ 
       document.getElementById('rating_'+i).src= 'star1.gif'; 
      } 
      else{ 
       document.getElementById('rating_'+i).src= 'star.jpg'; 
      } 
     } 
    } 

だからあなただけのイメージソースの魅力のような