Javascript 押したボタンにフォーカスをあてる。

こんにちは～。

昨日結局自分で解決できんで、Ｑ先生に泣きついた原始人美加子です。

なんで、作りを理解するためにまとめ～。

追加したソース抜粋～

<?php
$i_num=$_POST["i_num"];

?>
<head>
<script type="text/javascript">
<!--	

//フォーカスをあてるために作った関数↓
function forcus_fnc(){
　document.getElementById("BUTTON<?php print $i_num;?>").focus();　←選択したボタンにフォーカス
　document.getElementById("BUTTON<?php print $i_num;?>").select();　←フォーカスしたボタンを選択（これがあると、ずーーーと下の方で選択したボタンもページの一番下に表示されるから、みつけやすくなる）
}

function ev_money(nono){
var eee = "eee" + nono;
//alert(eee);
	
	var taxtchk = document.getElementById(eee).value ; 
//alert(taxtchk);

	document.getElementById("my").value = taxtchk;
	document.getElementById("i_num").value = nono;　←これ追加（$iの値をとるために）

	document.formchkbox.submit();
}
// -->
</script>

</head>
<body onload="forcus_fnc()">　←submitした後にボタンをフォーカスするため、bodyが読み込まれたら関数を読み込む。

<?php
print "<table>";
for ($i = 0; $i < 200; $i++) {

print '<tr><td><input name="eee'.$i.'" id="eee'.$i.'"  type="text" value="" />円';
print '<input type="button"  id="BUTTON'.$i.'" value="変更" onclick="ev_money('.$i.')" tabindex="'.$i.'" /></td></tr>';

}

print <<<EOT
</table>
<form name="formchkbox" id="formchkbox" method="post" action="mika.php"  />
<input name="my" type="hidden" id="my" value="" />
<input name="i_num" type="hidden" id="i_num" value="" />　←（$iの値を代入）
EOT;
print "</form>";
?>
</body>
</html>

<?php

$i_num=$_POST["i_num"];

<head>

<!--

//フォーカスをあてるために作った関数↓

function forcus_fnc(){

　document.getElementById("BUTTON<?php print $i_num;?>").focus();　←選択したボタンにフォーカス

　document.getElementById("BUTTON<?php print $i_num;?>").select();　←フォーカスしたボタンを選択（これがあると、ずーーーと下の方で選択したボタンもページの一番下に表示されるから、みつけやすくなる）

}

function ev_money(nono){

var eee = "eee" + nono;

//alert(eee);

var taxtchk = document.getElementById(eee).value ;

//alert(taxtchk);

document.getElementById("my").value = taxtchk;

document.getElementById("i_num").value = nono;　←これ追加（$iの値をとるために）

document.formchkbox.submit();

}

// -->

</script>

</head>

<body onload="forcus_fnc()">　←submitした後にボタンをフォーカスするため、bodyが読み込まれたら関数を読み込む。

<?php

print "<table>";

for ($i = 0; $i < 200; $i++) {

print '<tr><td><input name="eee'.$i.'" id="eee'.$i.'" type="text" value="" />円';

print '<input type="button" id="BUTTON'.$i.'" value="変更" onclick="ev_money('.$i.')" tabindex="'.$i.'" /></td></tr>';

}

print <<<EOT

</table>

<input name="i_num" type="hidden" id="i_num" value="" />　←（$iの値を代入）

EOT;

print "</form>";

</body>

</html>

～今回の処理のながれ～

１．ボタン押す

２．JS（javascript）の関数ev_money()を読み込む

３．getElementById（）をつかって　hidden　に値を代入

４．JSで　submit　をしたのでformを送信

５．form送信した値を　POSTで受け取る

６．bodyを読み込んだ時に　JSの関数forcus_fnc()をよみこむ

７．getElementById（）で指定したものをフォーカスし、選択する。

流れをまとめてみると、どこでどんな処理が必要かイメージしやすくなった！！

ってことで流れをイメージしてプログラムは作るように心がけよーと思う原始人美加子であーる。