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で質問しましょう!
似たような質問が見つかりました
- Access(アクセス) Access DTPickerの初期表示月を変えたい 1 2022/08/02 08:55
- ホテル・旅館 ユニバ ホテル 1 2023/02/28 22:45
- その他(クラウドサービス・オンラインストレージ) Googleカレンダーの共有について質問させて頂きます。 現在、個人でのGoogleカレンダーと職場 2 2022/10/19 15:58
- その他(パソコン・スマホ・電化製品) Googleカレンダーで不要データを一括削除したい 1 2023/08/02 12:42
- Visual Basic(VBA) excel2016でリストからカレンダーに内容を反映させたいです 2 2022/10/27 15:32
- フィナンシャルプランナー(FP) 本日の日付が(F1)出たら、本日の勤務が(F2)同時に出るようにしたいのです。 1 2022/09/12 11:53
- その他(パソコン・スマホ・電化製品) 家族がスマホのカレンダーに入れている予定をパソコンで印刷したい 4 2022/05/12 16:43
- ライフスタイル・ヘルスケア YahooカレンダーをiPhoneのカレンダーに同期させたい! 1 2022/11/16 02:50
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- Google Drive Googleカレンダーの新規予定登録のカレンダー変更方法 2 2022/06/11 19:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの行数を可変長にした...
-
JQuery インプット要素 カウン...
-
<JavaScript>tableタグを入力不...
-
テーブルのセルのクリック時、...
-
【jQuery】tableループ内のIDの...
-
javascriptで画像をテーブルに...
-
javascriptで入力フォームが空...
-
return trueとreturn falseの用...
-
データベースの値を判断してラ...
-
onchangeイベントを強制的に発...
-
UWSCのIE操作でプルダウンを選...
-
Selectの中身をfor文で入れる
-
特定<table>内の<td>の色を変える
-
【jsp/Java】チェックボックス...
-
ボタン2回押しを無効にしたい
-
セレクトボックスで配列を呼び...
-
セレクトメニューで選択された...
-
ハイパーリンクを別ウインドウ...
-
文字数を数える際に空白、改行...
-
プルダウン 項目が多いので先頭...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
画面表示とともに、テーブルの...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
テキストエリアに入力した改行...
-
【jQuery】tableループ内のIDの...
-
idの振り直しについて
-
プルダウンメニューを表の中に...
-
javascriptで画像をテーブルに...
-
javascriptで<table>背景色の取得
-
javascriptでクリックするごと...
-
jquery にて、アラートダイアロ...
-
どこに挿入?
-
動的なcheckboxのcheckedについて
-
Javascriptでテーブルタグの座...
-
javascriptで画像の移動
-
クリックごとに文字色が交互に...
-
javascriptでスロットマシン
-
<iframe>内にHTMLをランダム表...
-
連動テーブルのクロスハイライト
おすすめ情報