Home > 開発ツール・技術 > フォームに入力した内容をリアルタイムでプレビューに反映するｊQueryのプラグイン『magicpreview』

フォームに入力した内容をリアルタイムでプレビューに反映するｊQueryのプラグイン『magicpreview』

フォームに入力してもらった内容をその場でプレビューに反映させたいときってありますよね。そうしたときに便利そうなのがjQueryのプラグイン、magicpreviewです。

↑ 左側に入力した内容がリアルタイムに右側へ！

マークアップも簡単ですね。フォーム要素をまとめて似た様なidを持つ要素を結び付けられる点が便利です。例えば上の例なら次のようなコードになります。

$('form.example input:text').magicpreview('mp_');

ユーザーに何かを投稿してもらうときはこうしたインターフェースをうまく使いたいですね。詳細＆ダウンロードは以下からどうぞ。

■ 関連記事

Comments:0

Trackback URL for this entry: http://www.ideaxidea.com/archives/2008/11/querymagicpreview.html/trackback
Listed below are links to weblogs that reference: フォームに入力した内容をリアルタイムでプレビューに反映するｊQueryのプラグイン『magicpreview』 from IDEA*IDEA ～百式管理人のライフハックブログ～

Home > 開発ツール・技術 > フォームに入力した内容をリアルタイムでプレビューに反映するｊQueryのプラグイン『magicpreview』

検索

百式ジョブボード(求人情報）

人気の記事

Goodies

人気の商品

楽ワード

ケータイ会議３実施中！

Archives

Categories

Return to page top