リストビュー内の任意のオプションのツールチップを取得する

Question

私はさまざまなオプションのリストビューを持つインターフェースを持っています。例えば、1）Asian 2）Euorpian 3）......このリストビューは、このデータにアクセスするJSPスクリプト3つ以上のすべてのオプション）をデータベースから取得します。マウスオーバー（onmousemove関数）オプションを選択したときに表示される小さなポップアップウィンドウ（ヘルプウィンドウなど）が必要です。例えば、私はアジアにマウスを置くと小さなヘルプの種類のウィンドウがインディアン、中国、タイなどに表示されます。関連情報がデータベースに格納されているため、このデータはインドネシア語、中国語...はjspファイルを呼び出すことで再び表示されます。したがって、listviewのすべてのオプションは、データベースから動的に変化する異なる情報を持つでしょう。

誰でもこれを達成する方法を提案できますか？

Answer 1

「javascript tooltip」または「jquery tooltip」については、まさにこれを行う準備が整いました。

私はjqueryを使用し、その場でツールチップを作成することをお勧めします。

例：これはちょうど非常に裸の基本的な例であることが

$("select > option").hover(function({ 
    pos = $(this).position(); 
    $(this).before($("<div>").css({position: absolute,left: pos.left,top: position.top}).text("Your Text")); 
}); 

注意、あなたはまだオフセットについて考え、親要素が同様の位置をオフセット可能性があることを考慮するとよいでしょう。リンク自体を相対的に配置し、位置検出をすべてスキップすることもできます。

また、listViewオプションノードには設計上のイベントが添付されていないとは思わないので、すべてのブラウザでホバーイベントがトリガーされるとは限りません。別のフローやjavascriptライブラリを使用してカスタムのlistView要素を表示すると、イベントをオプションノードにアタッチできます。ここでは使用することができ、いくつかのとおりです。

http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements#9

とにかく、これはあなたを始めるために何かを与える必要があります。