フォームを３つつくり、トップからのリンクの時は指定フォームにリンクしたい。

Question

JavaScript初心者です。
サブpage（診察予約のリンク先のhtml）で各フォーム（お問い合わせ・予約・ゲストブックなどを）を一つのhtmlにまとめたく、iframeもしくはinnerHTMLを使い、サブメニューでdisplay="none"切り替えなどで、各フォームを切り替えたいと作成し始めたものです。
　サーバーサイドのＣＧＩはKentさんのフリーＣＧＩのＣｌｉｐＭａｉｌやAjaxを使用する予定でおります。

　ただ条件として、トップのコンテンツ内の「メール相談画像」ボタンからのリンク先はお問い合わせフォームで、通常の横メニューボタン（緑の）の診察予約ボタンからのリンク先は予約フォームがデフォルトとして表示されるようにしたいわけです。
【ご参照お願いします。】
http://miya-fc-2008.sakura.ne.jp/

たぶんjavascriptで条件式を用いてリンク先を振り分ければいいと思ったので、質問投稿させて頂きましたが、具体的にどういう条件式などで
書いていけばいいか分かりません。

アドバイス頂けると幸いです。
宜しくお願いします。

15mm · Accepted Answer

どこまでの初心者かわからないのですが理解できなかったらごめんなさい・・・１．まず、リンクを以下のように書き換えます。 ←メール用リンク ←予約用リンク ※「?」以降の文字列やファイル名は適当に変えちゃってください２．form.html（仮）のスクリプト部に以下を追加（外部ファイルでも可） //ここから document.body.onload=function(){//読み込みが終われば判定開始 if(location.search=="?mail"){//ファイル名の後に「?mail」が付いていれば document.getElementById('mail').style.display="block";//「mail」フォームを表示 } else if(location.search=="?appoint"){//「?appoint」ならば document.getElementById('appoint').style.display="block"; } else{//それ以外・指示なしのときは document.getElementById('default').style.display="block"; } } //ここまで３．HTMLのフォーム部は以下のようにしますこれでなんとなくいけるはずです・・・

15mm · Answer

だいぶ遅くなってしまいました。すみません。方法は２つほど考えて参りました。１．のようにもうひとつ標準表示のフォームを「display:none;」を削除して配置する。 JS非対応・無効ブラウザではフォームの切り替えもできないわけですから、他２つのファームも別ファイルで作成・リンクするしか切り替えの方法はないようです２．で非対応・無効ブラウザでのみのスタイル指定。この方法では、正常に動作はしても文法的に問題があるのでお勧めできません＾＾；（配置する場所は・・・どこでもいいです。どうせ文法無視したやり方なので。（外部ファイルにしてでもいいです）文章書いていて改めて思ったのですが、やっぱり１のほうがいいですかね

15mm · Answer

>＃１の回答への補足
遅くなってすみません。
補足の内容のとおりでＯＫです。
私の勝手な解釈と実際にやりたいことが少しでも違えばまたご注文ください。


ちなみに＃１の内容にはJavaScript無効・非対応ブラウザへの配慮は全く入れなかったのですが、
対処法は別に用意してあるのでしょうか？

もし無いのであれば、＃１に少し付け足さないと
フォームが何も表示されないという苦情が出かねません

そちらのほうも必要ならば言ってください。

フォームを３つつくり、トップからの<img>リンクの時は指定フォームにリンクしたい。

どこまでの初心者かわからないのですが

この回答への補足

だいぶ遅くなってしまいました。

この回答への補足

>＃１の回答への補足

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング