Hallo,
Ich habe vor nach dieser Anleitung LizzyNet.de - Javascript-Puzzle ein Online-Puzzle zu erstellen. Nun habe ich erst einmal 3 Teile erstellt um zu sehen, ob es funktioniert.
Doch es werden nur die 3 Teile angezeigt, ohne dass man diese bewegen kann. Hier die html-Seite: Das Ratten-Puzzle
Das ist der Code:
Weiß jemand, woran es liegen kann? Habe ich etwas falsch gemacht? Selbst habe ich leider nicht so viel Ahnung von Javascript, daher brauche ich eure Hilfe.
Danke schonmal.
LG
Sadame
Ich habe vor nach dieser Anleitung LizzyNet.de - Javascript-Puzzle ein Online-Puzzle zu erstellen. Nun habe ich erst einmal 3 Teile erstellt um zu sehen, ob es funktioniert.
Doch es werden nur die 3 Teile angezeigt, ohne dass man diese bewegen kann. Hier die html-Seite: Das Ratten-Puzzle
Das ist der Code:
HTML:
<html>
<head>
<title>Das Ratten-Puzzle</title>
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script language="JavaScript1.2">
<!--
/
Make a Puzzle/
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
</head>
<body>
<img src="P001.gif" class="drag">
<img src="P002.gif" class="drag">
<img src="P003.gif" class="drag">
</body>
</html>
Weiß jemand, woran es liegen kann? Habe ich etwas falsch gemacht? Selbst habe ich leider nicht so viel Ahnung von Javascript, daher brauche ich eure Hilfe.
Danke schonmal.
LG
Sadame