No.2ベストアンサー
- 回答日時:
こう言うクライアント的処理は、基本的にはVBスクリプトよりは
javaスクリプトを使用するほうがいいと思います。
色付け部分の処理は、簡略してjavaスクリプトにしていますが
この辺は、御自分で変更してみてください。
所詮サンプルなので、ココからどのようにしていくかはあなた次第です。
始めに回答した、javaスクリプトのみの処理と兼ね合せて頑張ってみて下さい。
以上です。
'********** ここから **********
<%
Dim lsNo
lsNo = Request.Form("hdn_no")
%>
<html>
<head>
</head>
<body>
<form name="cldr" method="post" action="cldr.asp">
<input type="hidden" name="hdn_no" value="">
<table border="1" cellpadding="0">
<tr>
<td><input type="text" id="1" value="1" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=1;document.cldr.submit();"></a></td>
<td><input type="text" id="2" value="2" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=2;document.cldr.submit();"></a></td>
<td><input type="text" id="3" value="3" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:20" onclick="document.cldr.hdn_no.value=3;document.cldr.submit();"></a></td>
</tr>
<tr>
<td><input type="text" id="4" value="4" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=4;document.cldr.submit();"></a></td>
<td><input type="text" id="5" value="5" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=5;document.cldr.submit();"></a></td>
<td><input type="text" id="6" value="6" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=6;document.cldr.submit();"></a></td>
</tr>
<tr>
<td><input type="text" id="7" value="7" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=7;document.cldr.submit();"></a></td>
<td><input type="text" id="8" value="8" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=8;document.cldr.submit();"></a></td>
<td><input type="text" id="9" value="9" style="border-top:white;border-left:white;border-right:white;border-bottom:white;width:20;height:18" onclick="document.cldr.hdn_no.value=9;document.cldr.submit();"></a></td>
</tr>
</table>
</form>
<% If lsNo <> "" Then %>
<script language="javascript">
<!--
document.cldr.elements("<%=lsNo%>").style.color = "red";
//-->
</script>
<% End If %>
</body>
</html>
'********** ここまで **********
No.1
- 回答日時:
簡単なサンプルです。
わからない単語等はリファレンス等を参照してください。サンプル動作:
3×3のマス目の中に1~9の数字があります。
好きな番号をクリックしてください。背景色が赤に変わります。
次に、違う番号をクリックしてください。さっきクリックした番号の
背景色を解除して、今押したばかりの番号の背景色が赤になります。
サンプルソース:
'********** ここから **********
<html>
<head>
<script language="javascript">
<!--
function checkClickDay(sNo)
{
claerAllDays();
document.all(sNo).style.backgroundColor = "red";
}
function claerAllDays()
{
var i;
for (i = 1; i <= 9; i++) {
document.all(i.toString()).style.backgroundColor = "white";
}
}
//-->
</script>
</head>
<body>
<table border=1 cellpadding=5>
<tr>
<td id=1 onclick="checkClickDay('1');">1</td>
<td id=2 onclick="checkClickDay('2');">2</td>
<td id=3 onclick="checkClickDay('3');">3</td>
</tr>
<tr>
<td id=4 onclick="checkClickDay('4');">4</td>
<td id=5 onclick="checkClickDay('5');">5</td>
<td id=6 onclick="checkClickDay('6');">6</td>
</tr>
<tr>
<td id=7 onclick="checkClickDay('7');">7</td>
<td id=8 onclick="checkClickDay('8');">8</td>
<td id=9 onclick="checkClickDay('9');">9</td>
</tr>
</body>
</html>
'********** ここまで **********
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの行数を可変長にした...
-
文字を隠すゲーム
-
selectのonChangeが動作しません
-
javascriptでクリックするごと...
-
テーブルのセルのクリック時、...
-
javascriptで<table>背景色の取得
-
外部のデータファイルの読み込...
-
javascriptで表に画像を貼る
-
javascriptのカルーセル
-
JavaScript 保守性の高めたい 2
-
指定した箇所へスクロールさせたい
-
画面表示とともに、テーブルの...
-
jquery にて、アラートダイアロ...
-
innerHTMLでのテーブル作成
-
javascript でテーブル操作
-
JQueryでテーブルの行を追加し...
-
PHPでMYSQLの検索結果にリンク...
-
【jQuery】input nameの文字列...
-
return trueとreturn falseの用...
-
javascriptでASPにデータを渡す
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
プルダウンメニューを表の中に...
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
テーブルの行数を可変長にした...
-
半透明のテーブル
-
javascriptで<table>背景色の取得
-
javascriptのカルーセル
-
このjavascriptがわかりません
-
jquery にて、アラートダイアロ...
-
javascriptで表に画像を貼る
-
任意に文字数指定のできる原稿...
-
テーブルのセルのクリック時、...
-
文字を隠すゲーム
-
onMouseでbackgroundの画像を変...
-
csvファイルのデータを変数とし...
-
テーブルの生成
-
<iframe>内にHTMLをランダム表...
おすすめ情報