メールフォームのページ分割
こちらの掲示板は終了しました。ご質問などはサポートセンターをご利用ください。
和田さん、おはようございます。いつもお世話になっております。
はじめて書き込みますので、的外れな事いっていたらごめんなさい。
実は、フォームの入力項目がすこし多くなって、ページを
分割したいと思いました。たとえば
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で隠す。
と言うながれ。和田クラスになると５分だっ！がんがれっ！
- Re:Re:Re:Re:メールフォームのページ分割
- mowry - 2009-03-05 14:03:12わざわざありがとうございます。
光が見えました。（脳汁もちょっと出ました）
これから色々試してみます。
- Re:Re:Re:Re:Re:メールフォームのページ分割
- 和田 - 2009-03-05 18:29:09うふふ。ほんとにただの気まぐれなのでお気になさらずっ！