入力テキストプラグインの下にjqueryポップアップ

Question

入力テキストの下にhtmlを開くjQueryプラグインを探しています。 datepickerプラグインのようなJestは、入力テキストの下に日付を含むdivを開きます。コンテンツを自分で作成する必要があります。そのようなプラグインはありますか？

私はすでにこのパッケージを使用しているので、私はjQuery UIの使用を好みます。

Answer 1

あなたがコンテンツをdiv要素を作成し、jQueryのUI機能を使用して、それを配置することができます：位置（）

HTML：

<input type="text" id="yourTextBox" onFocus = "javascript:position()"/> 
<div id="Popup">The content that you want to see in your popup"</div> 

CSS：

#yourTextBox{ 

    } 
    div#Popup{ 

     position: absolute; 
     display: none; 

    } 

のjQuery：

function position() { 
$("#Popup").show(); 
     $("#Popup").position({ 
      of: $("#yourTextBox"), 
      my: "left top", 
      at: "left bottom" 
     }); 
    } 

デモドキュメント：link

Answer 2

これまではhttp://code.drewwilson.com/entry/tiptip-jquery-pluginを使用していましたが、プログラムでHTMLコンテンツを設定し、上/右/下/左に配置することができます。