フォームに入力した内容をリアルタイムでプレビューに反映するｊQueryのプラグイン『magicpreview』
- November 21st, 2008
- Posted in 開発ツール・技術
- Write comment
フォームに入力してもらった内容をその場でプレビューに反映させたいときってありますよね。そうしたときに便利そうなのがjQueryのプラグイン、magicpreviewです。
↑ 左側に入力した内容がリアルタイムに右側へ！
マークアップも簡単ですね。フォーム要素をまとめて似た様なidを持つ要素を結び付けられる点が便利です。例えば上の例なら次のようなコードになります。
$('form.example input:text').magicpreview('mp_');
ユーザーに何かを投稿してもらうときはこうしたインターフェースをうまく使いたいですね。詳細＆ダウンロードは以下からどうぞ。
» rikrikrik.com – jQuery magicpreview plug-in
■ 関連記事
- jQueryでバーチャルキーボードを実現するチュートリアル | IDEA*IDEA
- 奥行きのあるシーンを実現できるjQueryのプラグイン『jParallax』 | IDEA*IDEA
- jQueryでさまざまな角丸っぽい効果を実現するプラグイン『jQuery Corner』 | IDEA*IDEA
No comments yet.