札幌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で隠す。

と言うながれ。和田クラスになると５分だっ！がんがれっ！

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

mowry - 2009-03-05 14:03:12わざわざありがとうございます。
光が見えました。（脳汁もちょっと出ました）

これから色々試してみます。

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

和田 - 2009-03-05 18:29:09うふふ。ほんとにただの気まぐれなのでお気になさらずっ！