Ich habe versucht mittels einer Klasse einen Div-Contaier zu bewegen.
Meine Klasse sieht so aus:
function Container(divid){
this.divid = divid;
this.move = containermove;
}
function containermove(x, y){
document.getElementById(this.divid).style.left = x + "px";
document.getElementById(this.divid).style.top = y + "px";
}
Meine HTML-Datei sieht so aus:
<style>
#mydiv{
position:absolute;
width:100px;
height:100px;
background-color:#ff0000;
left: 100px;
top: 100px;
}
</style>
<script src="divart.class.js" type="text/javascript" />
<script type="text/javascript">
obj = new Container("mydiv");
</script>
<div id="mydiv" onclick="obj.move(200,200);"></div>
Sinn der Sache ist, dass ein div, dass bei (100,100) leigt per Klick nach (200,200) verfrachtet wird.
Wenn ich allerdings auf den Container klicke meldet die Fehlerkonsole (Firefox) "obj is not defined".
Wo liegt der Fehler?