- ベストアンサー
カレンダーに印を付けたい
タイトルどおりですが、カレンダーに印をつけたいです。 日付をクリックした時に印を出したいです。但しリンク先は、カレンダー表示ページ（自分自身）です。 初心者なので、できれば簡単な例示を出していただけると助かります。 どうか宜しくお願いします。
- eba-ojichan
- お礼率91% (11/12)
- Microsoft ASP
- 回答数2
- ありがとう数2
- みんなの回答 （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> '********** ここまで **********
その他の回答 (1)
- BlueRay
- ベストアンサー率45% (204/453)
簡単なサンプルです。わからない単語等はリファレンス等を参照してください。 サンプル動作： ３×３のマス目の中に１～９の数字があります。 好きな番号をクリックしてください。背景色が赤に変わります。 次に、違う番号をクリックしてください。さっきクリックした番号の 背景色を解除して、今押したばかりの番号の背景色が赤になります。 サンプルソース： '********** ここから ********** <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> '********** ここまで **********
お礼
早速の回答ありがとうございます。 でも残念ながらｖｂスクリプトを使いたいんです。 何かないですかね？
お礼
参考になりました。ありがとうございます。