onclickで呼び出す関数の引数を・・・

質問

質問させていただきます。
prototype.jsを使って,

function hoge(){
　AJAXで画像ファイル名img_name[i]を取得、
取得画像が無ければimg_name[i]はnull;

for(i=1;i<5;i++){
if(img_name[i]){
$("img_"+i).onclick=function(){sample(i)};
$("img_"+i).src=img_name[i];
}else{
$("img_"+i).onclick=null;
$("img_"+i).src="no_img.gif";
}
}
}

function sample(row){
略;
}

という関数を作り、
htmlに
<img id="img_1" src="aa.gif" onclick="">
<img id="img_2" src="bb.gif" onclick="">

というAJAXの結果で画像リストが変化し、画像がクリックできる
プログラムを作りました。
しかしsampleに入ってくる引数が、どの画像をクリックしても
iの最大値４になってしまいます。
予定ではクリックした画像によって引数が変わるはずなのですが・・・

どなたかご教授できる方宜しくお願い致します。

回答No.1

arexis · ベストアンサー

$("img_"+i).onclick=function(){sample(i)};の所でsample(i)にしてるからですね。

$("img_"+i).num = i;
$("img_"+i).onclick=function(){ sample(this.num) };

こすうるか、

$("img_"+i).num = i;
$("img_"+i).onclick=sample;

function sample(){
var row = this.num; //宣言しなくてもthis.numで。

}

こうするか

$("img_"+i).num = i;
$("img_"+i).onclick= function(){
var row = this.num; //宣言しなくてもthis.numで。

}

お礼

動きました！ありがとうございます！