nicht angemeldet
Hallo an alle!
folgendes Problem:
Der Tooltip-Text soll erst nach 5 Sekunden erscheinen, wenn der Benutzer mit der Maus auf "Unser Link" zeigt.
Zeitverzögerung funktioniert bei folgendem Code überhaupt nicht, hat vielleicht jemand eine Idee, was falsch sein könnte?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<head>
<title>Soso</title>
<div onMouseOver="setTimeOut('showElement(id)', 5000); showElement('2a')" onMouseOut="hideElement()">Unser Link</div>
<style>
.tooltip2 {
position: absolute;
display: none;
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #000000;
padding: 2px;
}
.tooltip2 .head{
background-color: #CCCC99;
color: white;
font-weight: bold;
padding: 2px;
}
.tooltip2 .content{
color: 000066;
font-size: 10px;
border-size: 4px;
}
</style>
<div class="tooltip2" id="2a" style="width: 150px;">
<div class="head"><img src="check.gif" /></div>
<div class="content"><b>Text</b>
</div>
</div>
<script type="text/javascript" language="javascript">
function showElement(id) {
wmtt = document.getElementById(id);
wmtt.style.display = "block"
}
document.onmousemove = updateElement;
function updateElement(e) {
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
if (wmtt != null) {
wmtt.style.left = (x + 10) + "px";
wmtt.style.top = (y + 10) + "px";
}
}
function hideElement() {
wmtt.style.display = "none";
}
</script>
</body>
</html>