人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: smileless
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS prototype.js グループウェア サイト ボタン
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● DOGEAR
●60ポイント

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の設置が可能であれば、設置自体は難しくないと思います。

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

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

参考までに。

◎質問者からの返答

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ