Onderstaand script werkt niet zoals het behoort. Als je met de muis over de 'Naam' gaat moet daar ter plekke een foto te zien zijn, maar in mijn geval verschijnt de foto linksboven in het scherm en wanneer ik naar beneden scroll naaar volgende namen blijven de resp. foto's linksboven verschijnen en dus onzichtbaar. De plaats van de foto staat dus muurvast linksboven van de pagina.
Wat is hieraan te doen?
<style type="text/css">
#plaatje {
position:absolute;
z-index:1000;
visibility:hidden; }
</style>
<script type="text/javascript">
function init() {
if (window.Event) {document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = haalMuisPositie; }
function haalMuisPositie(e) {
muisX = (window.Event) ? e.pageX : event.clientX;
muisY = (window.Event) ? e.pageY : event.clientY; }
function toonPlaatje(naam,beeldje) {
laag = document.getElementById(naam);
laag.innerHTML = '<img src=' +beeldje+'>';
laag.style.visibility = "visible";
laag.style.top = muisY + "px";
laag.style.left = muisX + "px";
plaatsPlaatje() }
function verbergPlaatje(naam){
laag = document.getElementById(naam);
laag.style.visibility = "hidden"; }
function plaatsPlaatje() {
laag.style.top = muisY + "px";
laag.style.left = muisX + "px"; }
</script>
</head>
<body onload="init()">
<div id="plaatje"></div>
<table >
<tr>
<td><a onmouseover="toonPlaatje('plaatje','foto.JPG');" onmouseout="verbergPlaatje('plaatje');">Naam</a</td>
etc
</tr>
Console games waar je niets van leert moeten worden afgeschaft. (S: 17, R: 7)
Dat kan wel degelijk 
Maar daar vond ik niets 
, want dat ken ik wel.
Actiefste leden van de maand
Actieve forumberichten: