Tweet
Hallo, habe jetzt ein Tooltip eingebaut und dieser funktioniert leider nur im Firefox aber nicht im IE. Im IE ist er einmal kurz am zucken und dann wird nichts angezeigt. Weiß vieleicht jemand warum ?
Gruß Paulus
PHP-Code:
<html>
<head>
<style type="text/css">
.tooltip {
position: absolute;
display: none;
font:10px Verdana;
font-style:normal;
color: #cccccc;
padding:2px 2px 2px 2px;
background-color:#336699;
border:1px solid #000000;
}
.tooltip .head{
font-size: 10px;
color: white;
font-weight: bold;
padding: 2px;
}
.tooltip .table{
font-size: 9px;
border-collapse: collapse;
border: 1px dashed #000000;
}
</style>
<script language="JavaScript" type="text/javascript">
var xFromMouse = 50;
var yFromMouse = -100;
tip = null;
document.onmousemove = moveTip;
function moveTip(e) {
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
if (tip != null) {
tip.style.left = (x + xFromMouse) + "px";
tip.style.top = (y + yFromMouse) + "px";
}
}
function showTip(id) {
tip = document.getElementById(id);
tip.style.display = "block";
}
function hideTip() {
tip.style.display = "none";
}
</script>
PHP-Code:
$tplv .= "<div class=\"tooltip\" id=\".$row[id].\">
<IMG SRC=\"$row[pict_url]\" width=\"100%\" border=\"0\" alt=\"\"></div>
<a href=\#; onMouseOver=\"showTip('.$row[id].');\" onMouseOut=\"hideTip();\">
<IMG SRC=\"$row[pict_url]\" width=\"80\" border=\"0\" alt=\"\">";
Kommentar