Witam. Miałem do napisania puzzle. Zrobiłem coś takiego :
Kod:
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function zmiana()
{
a.style.left = Math.random()*500;
a.style.top = 100+Math.random()*400;
b.style.left = Math.random()*500;
b.style.top = 100+Math.random()*400;
c.style.left = Math.random()*500;
c.style.top = 100+Math.random()*400;
d.style.left = Math.random()*500;
d.style.top = 100+Math.random()*400;
}
function obrazek()
{
open("HondaS2000.jpg","opis","width=250,status=no, toolbar=no, menubar=no, scrollbar=no");
}
var xx;
var x;
var Y;
function MD()
{
xx = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
function MM()
{
if(xx)
{
xx.pixelLeft = event.clientX-X + document.body.scrollLeft;
xx.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
function MU()
{
xx = null;
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="green">
<center>
<H2><font size=+3 color="red"> PUZZLE </font></H2>
</center>
<DIV id="a" style="position:absolute;left:150;top:150;">
<img src="1.JPG" width=105 height=114 border=0 alt="1">
</DIV>
<DIV id="b" style="position:absolute;left:300;top:150;">
<img src="2.JPG" width=105 height=114 border=0 alt="2">
</DIV>
<DIV id="c" style="position:absolute;left:150;top:300;">
<img src="3.JPG" width=105 height=114 border=0 alt="3">
</DIV>
<DIV id="d" style="position:absolute;left:300;top:300;">
<img src="4.JPG" width=105 height=114 border=0 alt="4">
</DIV>
<FORM><center><input type="button" value="Podglad" onClick="obrazek();">
<input type="button" value="Pomieszaj elementy" onClick="zmiana();"></center>
</FORM>
</BODY>
</HTML>
(Zobaczcie jak to wygląda, polecam to otworzyć w IE)
Wszystko działa tylko nie wiem jak zrobić odliczanie czasu tzn. Jak naciskam
Pomieszaj elementy to żeby zegar wystartował i jak ułożę obrazek pokazał się komunikat że zajęło mi to tyle o tyle czasu. Pomóżcie
