画像とテキスト入力のあるメッセージボックス

Question

2行の入力テキストとともに画像を表示できる必要があります。 誰かがそれを行うことができる良い最小限のプラグインを知っているのだろうかと思っていました。 CAPTCHAのようなテキストをプロキシするためのものです。あまりにも大きすぎません。

ありがとうございます！

Answer 1

jQuery Tools、具体的にはOverlayをお勧めします。あなたはその後、（ドキュメントhere）など、検証、任意の送信アクションを実行するためにonBeforeCloseイベントを使用することができます

$("#overlay").overlay({ 
    closeOnClick: false, 
    closeOnEsc: false 
}); 

：基本的なオーバーレイコードで

<div id="overlay"> 
    <div><img src="" id="picture" /></div> 
    <div><input type="text /><input type="text" /></div> 
    <button class="close">Submit</button> 
</div> 

：それはこのような何かを見てみましょう。あなたは、ページがロードされた後の画像を変更する必要がある場合は、次を使用することができます

：

$("#picture").attr("src", varWithSource); 

あなたがそれを必要とする場合、あなたはまた、検証および構造のためのjQueryのツールのフォームツールを使用することができ、それはAのようなform inside an overlay。