Moin Leute,
hab ein Tooltipp allerdings wird das tooltipp immer unter der Maus angezeigt es soll aber über der Maus angezeigt werden was muss ich umändern ???
Style
<style type="text/css">
<!--
#tt1 {
background-image:url(images/tooltipp.png);
color: white;
padding: 3px;
width: 450px;
height: 420px;
border: 2px;
}
.xbtooltip {
display: none;
position: absolute;
background-image:url(images/tooltipp.png);
}
-->
</style>
Script
<script type="text/javascript">
(function(window, document, undefined){
var XBTooltip = function( element, userConf, tooltip) {
var config = {
id: userConf.id|| undefined,
className: userConf.className || undefined,
x: userConf.x || 20,
y: userConf.y || 20,
text: userConf.text || undefined
};
var over = function(event) {
tooltip.style.display = "block";
},
out = function(event) {
tooltip.style.display = "none";
},
move = function(event) {
event = event ? event : window.event;
if ( event.pageX == null && event.clientX != null ) {
var doc = document.documentElement, body = document.body;
event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
}
tooltip.style.top = (event.pageY+config.y) + "px";
tooltip.style.left = (event.pageX+config.x) + "px";
}
if (tooltip === undefined && config.id) {
tooltip = document.getElementById(config.id);
if (tooltip) tooltip = tooltip.parentNode.removeChild(tooltip)
}
if (tooltip === undefined && config.text) {
tooltip = document.createElement("div");
if (config.id) tooltip.id= config.id;
tooltip.innerHTML = config.text;
}
if (config.className) tooltip.className = config.className;
tooltip = document.body.appendChild(tooltip);
tooltip.style.position = "absolute";
element.onmouseover = over;
element.onmouseout = out;
element.onmousemove = move;
over();
};
window.XBTooltip = window.XBT = XBTooltip;
})(this, this.document);
</script>
Body
<p align="center"><a href="..............pdf" onMouseOver="XBT(this, {id:'tt1'})">
<img src="http://www.html.de/images/real.gif" width="373" height="36" border="0" class="padding">
</a>
<div id="tt1" align="top" class="xbtooltip"><br><br>
</div
hab ein Tooltipp allerdings wird das tooltipp immer unter der Maus angezeigt es soll aber über der Maus angezeigt werden was muss ich umändern ???
Style
<style type="text/css">
<!--
#tt1 {
background-image:url(images/tooltipp.png);
color: white;
padding: 3px;
width: 450px;
height: 420px;
border: 2px;
}
.xbtooltip {
display: none;
position: absolute;
background-image:url(images/tooltipp.png);
}
-->
</style>
Script
<script type="text/javascript">
(function(window, document, undefined){
var XBTooltip = function( element, userConf, tooltip) {
var config = {
id: userConf.id|| undefined,
className: userConf.className || undefined,
x: userConf.x || 20,
y: userConf.y || 20,
text: userConf.text || undefined
};
var over = function(event) {
tooltip.style.display = "block";
},
out = function(event) {
tooltip.style.display = "none";
},
move = function(event) {
event = event ? event : window.event;
if ( event.pageX == null && event.clientX != null ) {
var doc = document.documentElement, body = document.body;
event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
}
tooltip.style.top = (event.pageY+config.y) + "px";
tooltip.style.left = (event.pageX+config.x) + "px";
}
if (tooltip === undefined && config.id) {
tooltip = document.getElementById(config.id);
if (tooltip) tooltip = tooltip.parentNode.removeChild(tooltip)
}
if (tooltip === undefined && config.text) {
tooltip = document.createElement("div");
if (config.id) tooltip.id= config.id;
tooltip.innerHTML = config.text;
}
if (config.className) tooltip.className = config.className;
tooltip = document.body.appendChild(tooltip);
tooltip.style.position = "absolute";
element.onmouseover = over;
element.onmouseout = out;
element.onmousemove = move;
over();
};
window.XBTooltip = window.XBT = XBTooltip;
})(this, this.document);
</script>
Body
<p align="center"><a href="..............pdf" onMouseOver="XBT(this, {id:'tt1'})">
<img src="http://www.html.de/images/real.gif" width="373" height="36" border="0" class="padding">
</a>
<div id="tt1" align="top" class="xbtooltip"><br><br>
</div