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

メールフォームのページ分割

こちらの掲示板は終了しました。ご質問などはサポートセンターをご利用ください。

和田さん、おはようございます。いつもお世話になっております。
はじめて書き込みますので、的外れな事いっていたらごめんなさい。

実は、フォームの入力項目がすこし多くなって、ページを
分割したいと思いました。たとえば

1ページ目:予約希望日
2ページ目:住所や名前
3ページ目:入力内容の確認をして送信

ECサイトにありそうなパターンです。
上記のデータの受け渡しの様な処理は、htmlファイル側だけで対処できますか?
よろしくお願いします。

Re:メールフォームのページ分割
和田 - 2009-03-05 11:26:38ども。おはよー。
YouがすごいスキルあればHTMLとJavascriptだけでOKさっ!
でも、もしそれをやるなら、JSだけでDISPLAYをBLCOKとNONEでスイッチしたほうが効率的だぜっ!

ようはIDがphase01~phase03まであったとして01がアクティブのとき、次へをクリックされたらphase01をnoneにして02をblockにすればいいのさっ!わかったかなっ!?
Re:Re:メールフォームのページ分割
mowry - 2009-03-05 12:39:13
ヒントをいただきありがとうございました。
挑戦してみます。

ちなみにmeにすごいスキルは無かとです(
Re:Re:Re:メールフォームのページ分割
和田 - 2009-03-05 13:30:24ようしがんばってくれっ!応援しとるっ!

その心意気に免じてすごいヒントを。
http://lab.synck.com/phase/example.html
こういう事ね。

第一段階のdivは表示されていてその中に次のフェーズに行くためのアンカーがある。
第二段階以降のdivはdisplay: none;で隠しておく。
アンカーがクリックされたら表示させたいdivをgetElementByIdで表示させて非表示にしたいdivをnoneで隠す。

と言うながれ。和田クラスになると5分だっ!がんがれっ!
Re:Re:Re:Re:メールフォームのページ分割
mowry - 2009-03-05 14:03:12わざわざありがとうございます。
光が見えました。(脳汁もちょっと出ました)

これから色々試してみます。
Re:Re:Re:Re:Re:メールフォームのページ分割
和田 - 2009-03-05 18:29:09うふふ。ほんとにただの気まぐれなのでお気になさらずっ!