javascript - 在悬停时显示 MySQL 数据

Question

我的网站上有一个 MySQL output-script:

$db_projects = "rex_projects";

$sql = new rex_sql;

$sql->debugsql = 0; //Ausgabe Query

$sql->setQuery("SELECT * FROM $db_projects ORDER BY id");

for($i=0; $i < $sql->getRows(); $i++)
{

    $id = $sql->getValue("id");
    $projectname = $sql->getValue("projectname");
    $projectnumber = $sql->getValue("projectnumber");

    $print_projects .= '<div id="'.$id.'">'.$projectname.' has the number '.$projectnumber.'';

    $sql->next();
}

每个数据库元素都显示在具有上述格式的 div 中。

我想实现什么:

如果我悬停在一个 div 上，另一个 div(下面的代码)应该显示该元素的特定数据集。这可能吗？哪个最容易做到？

<div id="specific-informations">
    Projectname: <?php echo $projectname ?><br>
    Projectnumber: <?php echo $projectnumber ?>
</div>

Answer 1

尝试添加以下脚本:

$(document).ready(function(){$( "#specific-informations" ).hide();
});
$( "#getinfo" ).mouseover(function() {
    $( "#specific-informations" ).fadeIn(2000);
});
$( "#getinfo" ).mouseout(function() {
    $( "#specific-informations" ).fadeOut(2000);
});

Working Demo