Script:
_-------------------------------------------_
<script type="text/javascript" language="JavaScript">
var offsetx=20
var offsety=0
function InfoBoxAnzeigen(e,txt,offsetX,offsetY)
{
if (offsetX) {offsetx=offsetX;} else {offsetx=20;}
if (offsetY) {offsety=offsetY;} else {offsety=0;}
var PositionX = 0;
var PositionY = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
PositionX = e.pageX;
PositionY = e.pageY;
}
else if (e.clientX || e.clientY)
{
PositionX = e.clientX + document.body.scrollLeft;
PositionY = e.clientY + document.body.scrollTop;
}
text = document.getElementById("text").innerHTML;
text ? document.getElementById("text").innerHTML=null : document.getElementById("text").innerHTML=txt;
document.getElementById('infobox').style.left = (PositionX+offsetx);
document.getElementById('infobox').style.top = (PositionY+offsety);
}
</script>
_-------------------------------------------_
Aufbau:
_-------------------------------------------_
Gedacht ist etwas dreispaltiges, ich mag eine liste von bands machen die wie folgt aussieht:
| Band | Genre | Homepage |
A xyz www.123.de
B zxy www.321.de
.
.
.
beim klicken auf die band, z.B. auf "A" soll sich dann bei der Band "A" ein fenster darunterliegend öffnen und Band namens "B" nach unten verschieben, sprich das fenster öffnet sich zwischen "A" und "B" und zeigt eine kurze Info über die Band.