マウスオーバー時にメッセージを表示するテキストボックスを作成する方法は？

Question

私は、データベースから

を説明と呼ばれる文字列を得るSQLクエリマウスまた、私はメールリスト

が含まれているテーブルを持っている私は、各メールリスト名のを希望を持っていますその上に説明を含むテキストブロックを表示します

プラグインはありますか、またはそれを行う方法はありますか？ありがとうございました。

Answer 1

私は実装するのが非常に簡単なTipTipというjQueryプラグインを使用します。

Answer 2

PHP（クエリ用）。あなたは何でも使用できますが、これは一例です。

<?php 
    $q = 'your sql query' 
    $query = mysql_query($query) 
    while($row = mysql_fetch_array($query)){ 
?> 
    <div class="email-list-name-<?=$row['id']?>"> <?=$row['email-list-name']?> </div> 
    <div class='description-for-email' style='display:none;'><?=$row['description']?></div> 
<?php } ?> 

のjQuery：

$(function(){ 
    $('div[id^="email-list-name"]').click(function(){ 
    $('.description-for-email').hide(); //hide all message displays 
    $(this).next('.description-for-email').show(); //show the next description for our email we clicked 
    }); 
}); 

あなたは本当に他の情報を提供しなかったので、私はちょうど一緒に一般的な例を投げました。

Answer 3

htmlのtitle属性を使用するか、ツールチップを使用できます。ツールチップの例を簡単に見つけることができます。しかし、実行時にデータベースからデータを取得しようとすると、それは悪い考えです。