Question

我正在使用PHP开发一个Gant图表，纯粹基于表架构。我需要的是当用户将鼠标悬停在数据上时

echo "<td colspan=$duration align=center
bgcolor=$color>$description\r\n";

显示包含一些相关信息的工具提示。请指导。

以下是我的代码的一部分。

foreach ($this->activities as $activity) {
$start = $activity['start'];
$end = $activity['end'];
$description = $activity['description'];
$color = $activity['color'];
$before = $start;
$duration = $end - $start + 1;
$after = $this->end - $end;
echo "<tr>\r\n";
if ($before > 0) {
echo "<td colspan=$before>&nbsp;\r\n";
}
echo "<td colspan=$duration align=center
bgcolor=$color>$description\r\n";
if ($after > 0) {
echo "<td colspan=$after>&nbsp;\r\n";
}
}
echo "</table>\r\n";
}
}

Answer 1

我会使用Twitter Bootstrap（getbootstrap.com）或qTip2（qtip2.com） - 他们有非常好的例子它是如何工作的。基本上你需要做的很简单： 1.获取您希望工具提示包含的数据。 2.将其作为要使用它的对象的一部分打印出来（<button title="Some Tooltip Here">Some Button Text</button> - 上面给出的两个插件的示例用法） 3.添加JS代码，定义您想要的对象具有工具提示。例如：

$(document).ready(function () {
 $('[title!=""]').qTip();
}

此代码将为所有具有title属性的对象启用工具提示（来自qTip2官方文档的代码）

关于表数据的工具提示

1 个答案: