those 'tile' games, where there is a 3x3 grid with pieces of a picture that
is scrambled... and one piece is missing, so you click click click to move
the tiles around until the picture is no longer scrambled.
This was working perfectly until I added an additional image to the left
hand menu... now there is a problem with the bottom image
(/images/menu_home_v1.gif) being 'missing' and sometimes being turned into a
piece of the puzzle when somebody clicks.
Any help would be appreciated... I'm a little cross-eyed on this one.
Thanks!!
--
Jillian
*** *** ***
<HTML>
<HEAD>
<TITLE>Tile Puzzle</TITLE>
<LINK REL= "stylesheet" HREF = "" TYPE="text/css">
<script language="_javascript_1.1">
<!--
function swapPics(n,m) {
var temp=document.images[n+23].src
document.images[n+23].src=""> document.images[m+23].src=""> }
function setUp() {
document.images[0+23].src=""> for (var x=1;x<9;x++) document.images[x+23].src=""> for (var x=1;x<9;x++) {
var a=Math.floor(Math.random()*8)+1
var b=a
while (b==a) b=Math.floor(Math.random()*8)+1
swapPics(a,b)
}
blank=1
}
function winner() {
var won=true
for (var x=1;x<9;x++) if
(document.images[x+23].src.indexOf((x+1)+".gif")==-1) won=false
return won
}
function click(p) {
blank=parseInt(blank)
if ((p==blank-1)||(p==blank+1)||(p==blank-3)||(p==blank+3)) {
swapPics(p-1,blank-1)
blank=p
if (winner()) {
var
win=window.open("winner.html","","toolbar=no,location=no,directories=no,stat
us=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500")
document.images[0+23].src=""> blank=-5
}
}
}
-->
</script>
</HEAD>
<BODY BGCOLOR="#EBB421" TEXT="#000000" LINK="#0096F6" VLINK="#A625BC"
ALINK="#75262E" LEFTMARGIN=0 TOPMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0 onLoad
= "setUp()">
<TABLE WIDTH="630" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD><A HREF="" SRC="" WIDTH=291 HEIGHT=114
BORDER=0 HSPACE=0 VSPACE=0 ALT="Do Bugs Need Drugs"></A></TD>
<TD><!-- PLACE KIDS GRAPHIC AREA HERE -->
<IMG SRC="" WIDTH=353 HEIGHT=132 BORDER=0
HSPACE=0 VSPACE=0 ALT="">
</TD>
</TR>
</TABLE>
<BR>
<TABLE WIDTH="630" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="130"><IMG SRC="" WIDTH=130 HEIGHT=1 BORDER=0
HSPACE=0 VSPACE=0 ALT=""></TD>
<TD WIDTH="10"><IMG SRC="" WIDTH=10 HEIGHT=1 BORDER=0
HSPACE=0 VSPACE=0 ALT=""></TD>
<TD WIDTH="480"><IMG SRC="" WIDTH=480 HEIGHT=1 BORDER=0
HSPACE=0 VSPACE=0 ALT=""></TD>
<TD WIDTH="10"><IMG SRC="" WIDTH=10 HEIGHT=1 BORDER=0
HSPACE=0 VSPACE=0 ALT=""></TD>
</TR>
<TR>
<TD></TD>
<TD WIDTH="10" HEIGHT="10"><IMG SRC=""> WIDTH=10 HEIGHT=10 BORDER=0 ALIGN="RIGHT" ALT="" HSPACE=0 VSPACE=0></TD>
<TD WIDTH="480" HEIGHT="10"><IMG SRC="" WIDTH=480
HEIGHT=10 BORDER=0 ALT="" HSPACE=0 VSPACE=0></TD>
<TD WIDTH="10" HEIGHT="10"><IMG SRC=""> WIDTH=10 HEIGHT=10 BORDER=0 ALIGN="LEFT" ALT="" HSPACE=0 VSPACE=0></TD>
</TR>
<TR>
<TD></TD>
<TD WIDTH="10" VALIGN="MIDDLE" BACKGROUND=""> SRC="" WIDTH=10 HEIGHT=25 BORDER=0 ALT="" HSPACE=0
VSPACE=0></TD>
<TD VALIGN="TOP"><IMG SRC="" WIDTH=480 HEIGHT=25
BORDER=0 ALIGN="TOP" ALT="" HSPACE=0 VSPACE=0></TD>
<TD WIDTH="10" VALIGN="MIDDLE" BACKGROUND=""> SRC="" WIDTH=10 HEIGHT=1 BORDER=0 HSPACE=0 VSPACE=0
ALT="" ALIGN="MIDDLE">
</TR>
<TR>
<TD WIDTH="140" COLSPAN="2" ALIGN="RIGHT" VALIGN="TOP"
BACKGROUND=""> <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"
bgcolor="#f5dba2" BACKGROUND=""> <TR>
<TD>
<!-- MAIN MENU GOES HERE -->
<A HREF="" SRC="" WIDTH="140"
HEIGHT="36" BORDER="0" HSPACE=0 VSPACE=0></A><BR>
<IMG SRC="" WIDTH=140 HEIGHT=36 BORDER=0
HSPACE=0 VSPACE=0 ALT=""><BR>
<A HREF="" SRC=""> WIDTH="140" HEIGHT="32" BORDER="0" HSPACE=0 VSPACE=0></A><BR>
<A HREF="" SRC=""> WIDTH="140" HEIGHT="32" BORDER="0" HSPACE=0 VSPACE=0></A><BR>
<A HREF="" SRC=""> WIDTH="140" HEIGHT="32" BORDER="0" HSPACE=0 VSPACE=0></a><BR>
<A HREF="" SRC="" WIDTH="140"
HEIGHT="32" BORDER="0" HSPACE=0 VSPACE=0></a><BR>
<A HREF="" SRC=""> WIDTH="140" HEIGHT="32" BORDER="0" HSPACE=0 VSPACE=0></A><br>
<A HREF=""> SRC="" WIDTH="140" HEIGHT="32" BORDER="0"
HSPACE=0 VSPACE=0></A><br>
<A HREF="" SRC=""> WIDTH="140" HEIGHT="32" BORDER="0" HSPACE=0 VSPACE=0></A><BR>
<IMG SRC="" WIDTH=140 HEIGHT=32 BORDER=0
HSPACE=0 VSPACE=0 ALT=""><BR>
<A HREF="" SRC=""> WIDTH="140" HEIGHT="32" BORDER="0" HSPACE=0 VSPACE=0></A><BR>
<A HREF="" SRC="" WIDTH=140
HEIGHT=32 BORDER=0 ALT="" HSPACE=0 VSPACE=0></A><BR>
</TD>
</TR>
</TABLE>
</TD>
<TD ROWSPAN="2" bgcolor="#f5dba2">
<BLOCKQUOTE>
<!-- START PAGE CONTENT -->
<H1>Kids Area: Tile Puzzle</H1>
<form name = puzzle>
<table cellpadding="10">
<tr>
<td>
<center>
<p>Click (don't drag) on the tiles to move them.<br>
Hint: Look in the top left corner of this page to see how Bugsy should
look.</p>
<table cellspacing=20>
<tr><th bgcolor=#000000>
<script language="_javascript_1.1">
document.open()
for (var x=1;x<4;x++) {
for (var y=1;y<4;y++) document.write('<a
href="" src="" width=78
height=64 border=0 hspace=1 vspace=1></a>')
document.write('<br>')
}
document.close()
</script>
</th></tr><tr><th>
<form>
<INPUT TYPE="button" NAME="Reset" Value="Reset" > <INPUT TYPE="button" NAME="Solve" Value="Solve" > x=1;x<10;x++)
document.images[x+23].src = ""> </form>
</th></tr></table> </center>
</td>
</tr>
</table>
</form>
<center><a href = "" to Kids Area</a></center>
<!-- END PAGE CONTENT -->
<br>
</BLOCKQUOTE>
</TD>
<TD WIDTH="10" ROWSPAN="2" BACKGROUND=""> SRC="" WIDTH=10 HEIGHT=1 BORDER=0 HSPACE=0 VSPACE=0
ALT="">
</TD>
</TR>
<TR>
<TD></TD>
<TD WIDTH="10" VALIGN="MIDDLE" BACKGROUND=""> SRC="" WIDTH=10 HEIGHT=1 BORDER=0 ALT="" HSPACE=0
VSPACE=0></TD>
</TR>
<TR>
<TD></TD>
<TD WIDTH="10" HEIGHT="10" VALIGN="TOP"><IMG
SRC="" WIDTH=10 HEIGHT=10 BORDER=0 HSPACE=0
VSPACE=0 ALT="" ALIGN="RIGHT"></TD>
<TD WIDTH="480" VALIGN="TOP"><IMG SRC="" WIDTH=480
HEIGHT=10 BORDER=0 HSPACE=0 VSPACE=0 ALT=""></TD>
<TD WIDTH="10" HEIGHT="10" VALIGN="TOP"><IMG
SRC="" WIDTH=10 HEIGHT=10 BORDER=0 HSPACE=0
VSPACE=0 ALT="" ALIGN="LEFT"></TD>
</TR>
</TABLE>
<TABLE WIDTH="630" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="130"><IMG SRC="" WIDTH="130" HEIGHT="1"
BORDER="0" HSPACE="0" VSPACE="0" ALT=""></TD>
<TD WIDTH="10"><IMG SRC="" WIDTH="10" HEIGHT="1"
BORDER="0" HSPACE="0" VSPACE="0" ALT=""></TD>
<TD WIDTH="240"><IMG SRC="" WIDTH="240" HEIGHT="1"
BORDER="0" HSPACE="0" VSPACE="0" ALT=""></TD>
<TD WIDTH="240"><IMG SRC="" WIDTH="240" HEIGHT="1"
BORDER="0" HSPACE="0" VSPACE="0" ALT=""></TD>
<TD WIDTH="10"><IMG SRC="" WIDTH="10" HEIGHT="1"
BORDER="0" HSPACE="0" VSPACE="0" ALT=""></TD>
</TR>
</TABLE>
<BR>
</BODY>
</HTML>
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
