入力フォームを、まるでprototype.jsのlight_boxのように現在のページの上に重ねて出すようなサイトと、その作り方(作り方を解説しているサイトでも可)を教えてください。要するに、現ページに入力フォームへのリンクボタンがあり、これを押しても画面遷移するわけではなく、現ページがちょっと暗くなって、最前面に入力フォームが現れる、という動きで、入力フォームに必要事項を入力して送信すると、自動的にその入力フォームが消えるし、Xボタンもあって何も入力しなくても現ページに戻れる、というような動きです。グループウェアのaipoなどは基本情報を入力する際、そのような動きでした。CSSのレイヤを使えばいいのか?と予測していますが、そのあたりも知識が少ないため、詳しく解説していただけると助かります。

回答の条件
  • 1人1回まで
  • 登録:2008/06/03 15:19:11
  • 終了:2008/06/10 15:20:02

回答(1件)

id:DOGEAR No.1

DOGEAR回答回数11ベストアンサー獲得回数22008/06/04 13:25:23

ポイント60pt

llightbox風のエフェクトで、フォーム(htmlファイル等のページ)を表示できるライブラリです。

デモにフォームがあるものを選んでみました。

http://www.wildbit.com/labs/modalbox/

http://stickmanlabs.com/lightwindow/

http://www.ibegin.com/labs/ibox/

http://www.nickstakenburg.com/projects/lightview/

(lightviewを利用したフォームメール → http://www.ajaxmail.jp/

たぶん、他にも沢山あると思います。

ほぼ英語サイトですが、prototype+lightboxの設置が可能であれば、設置自体は難しくないと思います。

 

全てを試したわけではないので、何ともいえませんが、

フォームの入力値等のバリデートは自前で用意しないといけないかもしれません。

 

参考までに。

id:smileless

いろいろありがとうございます!

そうですね、入力項目によってサニタイズ&バリデートは自前で用意します。

要は表示方法の問題だと思いますので・・・。

2008/06/05 12:38:28
  • id:smileless
    私の質問の説明が下手でしょうか?
    下記がまさにそうなのです。
    LightWindow
    http://stickmanlabs.com/lightwindow/

  • id:smileless
    http://www.ark-web.jp/blog/archives/2006/12/how_to_litbox_and_is_it_used.html
    とか・・・

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません