php - 画像とテキストを入力できるメッセージ ボックス

Question

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

ありがとう！

Answer 1

jQuery Tools、特にオーバーレイをお勧めします。次のようになります。

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

基本的なオーバーレイコードの場合：

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

その後、onBeforeCloseイベントを使用して、送信アクション、検証などを実行できます（ドキュメントはこちら）。

ページの読み込み後に画像を変更する必要がある場合は、次を使用できます。

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

必要に応じて、jQuery Toolsのフォームツールを使用して検証し、オーバーレイ内のフォームのように構造化することもできます。