0

最初に、 http://ali-hassan.infoで作業中にそれらをアップロードすると言いたい のですが、テーブルがあり、テーブル内のアイテムをクリックすると、そのセルの配列で更新されます。ページが読み込まれると、セル変数は0です。クリックすると1に変わります。それが発生すると、その1つのセルの画像を変更したいのですが、JavaScriptでこれを持っている瞬間に、実際にセルを変更する関数があります変数を 1 にします。

function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("empty"))
  {
  element.src="1.gif";
  }
else
  {
  element.src="2.gif";
  }
}

これは HTML テーブルのサンプルです

<td><div align="center">A</div></td>
   <td class='n' id='a1' onclick="myFunction(1,0)"><img id="myimage" onclick="changeImage(1)"  src="empty.gif"/></td>
   <td class='n' id='a2' onclick="myFunction(2,0)"><img id="myimage" onclick="changeImage(2)"  src="empty.gif"/></td>
   <td class='n' id='a3' onclick="myFunction(3,0)"><img id="myimage" onclick="changeImage(3)"  src="empty.gif"/></td>
   <td class='n' id='a4' onclick="myFunction(4,0)"><img id="myimage" onclick="changeImage(4)"  src="empty.gif"/></td>
   <td></td>
4

2 に答える 2

1 
 //modify ur js like this
 function changeImage(img)
 {
 //"img" is the image on which user clicked
 if (img.src.match("empty"))
   {
   img.src="1.gif";
   }
 else
   {
   img.src="2.gif";
   }
 }
//and html like this
  <td><div align="center">A</div></td>
  <td class='n' id='a1' onclick="myFunction(1,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td class='n' id='a2' onclick="myFunction(2,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td class='n' id='a3' onclick="myFunction(3,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td class='n' id='a4' onclick="myFunction(4,0)"><img id="myimage" onclick="changeImage(this)"  src="empty.gif"/></td>
  <td>
 </td>

HTML で ID を繰り返し使用することはできません。これは不適切なプログラミング スタイルです。

于 2013-02-21T17:15:57.510 に答える
0 
<img onclick="changeImage.call(this, 1)"

JS：

function changeImage(i)
{
    this.src= i + ".gif";
}

注：あなたの例にはいくつかの変更が必要です、私はそれがどのように行われるかを示すだけです

于 2013-02-21T17:11:44.233 に答える