vensters

[tuxido devito]

Hallo, ik wil voor een nieuwe site een wat interactieve pagina maken met beweegbare vensters. als begin heb ik dit gescheven

<script type="text/javascript">
function get_coords_x(event)
{
x=event.clientX
return x;
}

function get_coords_y(event)
{
y=event.clientY
return y;
}
</script>

<table id="window" border='1' style="width: 100; height: 100; position: relative; top: 100; left: 100;"><TR><TD valign="top"><img width="100%" height="12" src="images/sidebar.png" alt="header" / onclick="movewindow()"></TD></TR></table>

<script type="text/javascript">
function movewindow()
{
document.getElementById("window").style.top=get_coords_x(event);
document.getElementById("window").style.left=get_coords_y(event);
}
</script>

nu heb ik hier 2 vragen over

1. het werkt niet in alle browsers (waarom niet)
2. hoe zorg ik ervoor dat ik kan slepen (dat dus: document.getElementById("window").style.top=get_coords_x(event);
document.getElementById("window").style.left=get_coords_y(event);
word uitgevoert totdat de muis los gelaten is)

 

[JeroenE]

Op je eerste vraag kan ik niet met zekerheid antwoorden, maar ik denk dat het te maken heeft dat javascript in iedere browser anders ondersteund wordt en doordat de ene met document.all werkt en de andere niet, om maar een idee van de verschillen te geven.

Vraag twee kan je simpelweg oplossen door onclick te vervangen door onmousedown.

Greetz : Jeren.