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

SPONSORED LINK

Pocket

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

preview.gif

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

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

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

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

» rikrikrik.com – jQuery magicpreview plug-in

■ 関連記事

ツイッターもやっています!

SPONSORED LINK

  1. No comments yet.

  1. No trackbacks yet.