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

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

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

preview.gif

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

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

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

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

» rikrikrik.com – jQuery magicpreview plug-in

■ 関連記事

@taguchiをフォロー！
Twitterもやっています！
Posted on November 21st, 2008

Comments:0

Comment Form
Remember personal info

Trackbacks: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』

百式ジョブボード（求人情報）
ケータイ会議５参加中！
TwitterCounter
最近のつぶやき
Powered by…

ユーザー中心 ビービット
『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.まID Webサービス図鑑
誠Biz.IDの「Webサービス図鑑」を応援中です！

あわせて読みたいブログパーツ
SEO
人気の商品
管理人の著書
Image of はじめてのGTD ストレスフリーの整理術
Image of シャングリラ・ダイエット~全米ベストセラー!「食事制限」なし!「運動」なし!の魔法のダイエット~
Image of 起業・企画・営業・雑談のネタは日常の諦めている不便利から
Image of アイデア×アイデア
Image of ストレスフリーの仕事術―仕事と人生をコントロールする52の法則
最近の写真
いくら！大トロ！しらこ！お刺身！今日の戦利品店長さん高円寺のすごろく屋つぶやけ@akiyanパノラマ連射！パノラマお庭洗った天使や！みんなでさくら手書きスナップ池さくらさくら
モバイル版
最近の記事
カテゴリー別
過去記事一覧

Return to page top