ajax呼び出しによって返された情報をツールチップに表示する方法

Question

データベースから必要な情報を返すJSPファイルを作成しました。また、このjspファイルにajaxを呼び出して情報を取得するコードを作成しました。しかし、私は、この情報をツールチップにどのように入れるかを知るために、良いまたは無料のツールチップライブラリを手に入れているわけではありません。親切に、javascriptのツールチップの良いライブラリをお勧めします（私はjqueryでうまくいきません。私はその強力なことを知っていますが、私はすべてのコードを学び、変更する必要があります）。

問題：リストビューのさまざまなオプションにマウスを乗せるとき、このツールチップの内容を表示する必要があります。 （listviewの各オプションは異なるinfrormationを持っています）各オプションを動かすと、JSPページにajax呼び出しを送信し、目的のコールをツールチップに戻す必要があります）今はajax呼び出しを行いJSPからコンテンツを取得するjavascriptのコードファイルには、使用するtootipライブラリと、listviewの各オプションにどのように使用するかという唯一の問題があります。親切にお勧めします。

Answer 1

qTIPはこのトリックを行います。ライブラリを入手してください。必要なタグ用に設定します。

1. title属性を変更するためにはJavaScript AJAX応答
2. 使用します：残りの部分はこのように従うことができます。

document.getElementById(id).setAttribute('title', 'Ajax response here');

ライブラリのようなものは、あなたのための残りを行います。

//on mouseover call for an AJAX function and check this 
if(!document.getElemenyById(id).getAttribute){ 
    //the title is not set, use Ajax to retrive it an set it 
    tooltip.init(); //this is crucial for the tooltip to work 
} 

編集：var qTipTag = "a,label,input";ためのライブラリ検索インサイドとvar qTipTag = "li,a,label,input";にそれを変更するには、このチェックを使用することができます呼び出すAJAXの問題を回避するには

。これにより、必要なタグのツールチップエンジンが起動します。

あなたはここにhttp://jsfiddle.net/DarkThrone/gu6T2/5/