mit onclick div-Box verschieben

[brockerdocker]

Hallo,
ich habe jetzt einen Weg gefunden es so hinzubekommen wie ich möchte. Allerdings ist er relativ umständlich. Vielleicht hat ja jemand einen Vorschlag es besser zu machen.

<span id="1">Dies ist ein Test</span><br>
<span id="2">Dies ist ein Test1</span><br>
<span id="3">Dies ist ein Test2</span><br>
<script type="text/javascript">
document.getElementById('1').onclick = click;
document.getElementById('2').onclick = click;
document.getElementById('3').onclick = click;
function click(event)
{
 if( ! event && window.event ) event = window.event;
 document.getElementById("extra").style.left = event.clientX+'px';
 document.getElementById("extra").style.top = event.clientY+'px';
}

</script>

<div id="extra" style="position: absolute; left: 20px; top: 100px; background-color: red; width: 400px; height: 40px;">
</div>

mfg brockerdocker