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

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

preview.gif

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

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

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

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

» rikrikrik.com – jQuery magicpreview plug-in

■ 関連記事

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *