札幌Web制作のシンクグラフィカ

予約の曜日に連動して予約時間の表示を変えるには

小野さん (2010-06-17 00:03:08) www.rakuraku-eigo.net/freelesson/

お世話になります。

素晴らしいメールフォームありがとうございます!それも無料とは!
早速、当方のサイトへ本日設置させていただきました。
何もかも素晴らしい・・・。

過去ログも探したのですが、ひとつどうしても自分で解決できないテクニックがあり、
ご教授いただきたくお願いいたします。


予約日の隣に、予約時間をセレクトメニューで作ったのですが、これを予約日(曜日)
に連動させて予約時間の内容を変えるにはどのようにしたらよいのでしょうか?

例えば、
月曜日→10:00, 11:00, 13:00, 14:00
火曜日→9:00, 11:00, 17:00, 19:00, 21:00
水曜日→15:00, 16:00, 19:00
・・・

もしかして、途方もなく難しいのでしょうか・・?
あまりJavascriptが得意ではないので、2時間考えましたがどうやっても私では無理でした・・・。

お忙しいところ大変恐縮ですが、よろしくお願いします!


Re:予約の曜日に連動して予約時間の表示を変える

和田 (2010-06-23 17:56:19) www.synck.com

和田クラスにとっては児戯にも等しいですがjsに造詣が無いとすこし難しいかもしれません。
やり方としては2次元配列を使って実現できます。
まず曜日がピックアップできることが前提で、曜日が日(0)~土(6)で曜日分の配列に対して2次元配列に時間帯を入れて、selectのonchangeで自身の値によってそれらの配列を切り替えます。

jsに疎いと少し面倒だと思うのでそういう場合は曜日分の時間帯のselectを作ってしまい、選択された曜日によって表示する時間帯を切り替える方がはるかに楽だと思います。
切り替えはobj.style.display = "none"のような形で見えなくするだけでよいかと。

Re:予約の曜日に連動して予約時間の表示を変える

小野さん (2010-06-23 20:43:23) www.rakuraku-eigo.net/freelesson/

和田さま、

お返事ありがとうございます!
なんとか後者の

>曜日分の時間帯のselectを作ってしまい、選択された曜日によって表示する時間帯を切り替える

これでがんばってみたいと思います!
これを機に、jsをもっと勉強してみます!

小野

Re:予約の曜日に連動して → 質問です m(_ _)m

小野さん (2010-06-23 23:03:23) www.rakuraku-eigo.net/freelesson/index5.html

和田様、

HTMLには曜日分の時間帯のselectを全部書きましたが、やはり、表示切り替えのobj.style.display = "none"のところで苦戦しています・・・。初歩の初歩で本当にすみません! できましたら、もう少々詳しく解説していただきたいのですが・・・。厚かましいお願いで申し訳ありません。

(If文を choice_date.js に書けばよいのか、mailform.js のほうに書けばよいのか、そんなレベルです・・・)

Re:予約の曜日に連動して予約時間の表示を変える / 小野

小野さん (2010-06-30 21:43:52) www.rakuraku-eigo.net/freelesson/

和田様、

>曜日分の時間帯のselectを作ってしまい、選択された曜日によって表示する時間帯を切り替える方がはるかに楽だと思います。

上記アドバイスの通り、曜日によって表示する時間帯を切り換えることができました!ありがとうございます!

ただ、確認画面で、すべての曜日が表示されてしまいます・・・。例えば、火曜日10時を選択しても、

予約時間(日曜) -----

予約時間(月曜) -----

予約時間(火曜) 10:00

予約時間(水曜) -----

予約時間(木曜) -----

予約時間(金曜) -----

予約時間(土曜) -----

のような表示になってしまいます。これを選択したValueだけ表示するには、どこを修正すればよろしいでしょうか? mailform.js でしょうか? config.cgi でしょうか?

お忙しいところ大変恐れ入りますが、ご教授いただければ幸いです。

小野

Re:予約の曜日に連動して予約時間の表示を変える

和田 (2010-07-13 05:22:31) www.synck.com

あら、できたようですね!
すいません回答が遅くて・・・。