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

Answer 2

您可以执行以下操作：

在$ print_projects中创建第二个div

.specific-informations { display: none; }
.project:hover .specific-informations { display: block }

在你的CSS中

$(function() {
  var $cols = $("table [data-col]");
  $cols.hover(function() {
    var colNum = $(this).data("col");
    $("[data-col=" + colNum + "]").addClass("highlight");
  }, function() {
    var colNum = $(this).data("col");
    $("[data-col=" + colNum + "]").removeClass("highlight");
  });
});

Answer 3

您可以调用ajax函数并返回结果。然后在div中绑定相应的ajax数据。

在悬停上显示MySQL数据

3 个答案: