popup ved siden af musen
HejsaJeg her tænkt mig at lave sådan at når jeg holder musen over et link, så skal der poppe et lille vindue op ved siden af musen med en lille tekst.
Dette er nemt nok.
Det svære er at få den lille boks til at indeholde en BESTEMT tekst.
Den tekst det skal indeholde er en kort infotekst til en nyhed..
Altså, jeg har f.eks. 5 nyheder under hinanden, når jeg holder musen over den ene nyhed (Overskriften altså), så skal der komme en boks med en lille tekst som jeg har skrevet, som hører til den nyhed.
Det samme med den næste osv.
Hver boks skal være "unik"
Jeg har denne kode:
<script type="text/javascript">
function showBox(e) {
box = document.getElementById("boks").style;
box.left = ((e.clientX) ? e.clientX : e.pageX)+15+"px";
box.top = ((e.clientY) ? e.clientY : e.pageY)-15+"px";
box.display = "block";
}
function hideBox() {
document.getElementById("boks").style.display="none";
}
</script>
<div id="boks" style="position:absolute;left:0px;top:0px;display:none">
<table border="0" cellpadding="0" cellspacing="0" width="100" bgcolor="#CCCCCC">
<tr>
<td>HER SKAL DEN LILLE TEKST VÆRE</td>
</tr>
</table>
</div>
<a href="#" onmouseover="showBox(event)" onmousemove="showBox(event)" onmouseout="hideBox()" />OVERSKRIFTEN</p>
Altså, når jge holder musen over et link til en nyhed, så skal der poppe en lille boks op ved siden af musen, som indeholder en lille tekst til den nyhed som linket peger på.
Håber i forstår
