JavaScript: Games Script - Joggle

JavaScript Section

Free JavaScript Collection

powered by

Main Games Script Joggle

<html>
<frameset cols="*,200" border="2" framespacing="0" frameborder="yes">

<frame src="joggle-main.html" marginwidth="8" marginheight="8" name="gameframe">

<frame src="joggle-empty.html" marginwidth="8" marginheight="8" name="wordframe" noresize>

</frameset>

</html>

<html>

<body>

<center><b>Word List</b></center>

</body>

</html>

<html>

<body onLoad="document.joggle.user.value = 'New Game';GameStatus = 1;" text="#000000" bgcolor="#ffffff">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var Words = "";

var CurrentWord = "";

var GameStatus = 0;

var GameTime = 0;

var LastTile = -10;

var LastTileX = -10;

var LastTileY = -10;

var TilesOn = "";

var TileMap = "";

var LookUp = "abcdefghijklmnopqrstuvwxyz";

var Cubes = "qbzjkxhhlrdotelpcittotemaeaeeetouotonhdthossnseusctiepyifpsrovwrgrlhnrodriyprheandnneeeemaaaafsrafaisrdordlnmnneagititieaumeegyifasrccwnstuotownetilic";

function clearword(DoMap) {

CurrentWord = "";

LastTile = -10;

LastTileX = -10;

LastTileY = -10;

if (DoMap) {

for (i=0; i<TilesOn.length; i++) {

WhichTile = LookUp.indexOf(TilesOn.charAt(i));

if (WhichTile == -1) {

WhichTile = i;

WhichLetter = "0";

}

else {

WhichLetter = TileMap.charAt(WhichTile);

}

document.images[WhichTile].src = WhichLetter + "0.gif";

}

}

TilesOn = "";

}

function endgame() {

GameStatus = 1;

clearword(1);

document.joggle.user.value = "New Game";

parent.wordframe.document.write("<FORM ACTION=http://www.pixelsharp.com/projects/joggle/score.asp METHOD=POST><INPUT TYPE=Hidden NAME=words VALUE=" + Words + "><INPUT TYPE=Submit VALUE=Score></FORM><BR>");

}

function buttonpress() {

var ActingStatus = GameStatus;

if (ActingStatus == 1) {

Words = ":";

clearword();

TileMap = "";

GameTime = 75;

TempCubes = Cubes;

Position = 0;

while (TileMap.length != 25) {

Position = Math.floor(Math.random() * (TempCubes.length - 1));

TileMap = TileMap + TempCubes.charAt(Position);

Position = Math.floor(Position / 6);

TempCubes = TempCubes.substring(0, Position * 6) + TempCubes.substring(6 + Position * 6, TempCubes.length);

}

for (i=0; i<25; i++) {

document.images[i].src = TileMap.charAt(i) + "0.gif";

}

parent.wordframe.document.location = "joggle-empty.html";

GameTime = 181;

setTimeout("countdown()", 1);

GameStatus = 2;

}

if ((ActingStatus == 2) || (ActingStatus == 3)) {

GameStatus = 4;

GameTime = GameTime * -1;

TilesOn = "0000000000000000000000000";

clearword(1);

document.joggle.user.value = "Paused";

}

if (ActingStatus == 4) {

for (i=0; i<25; i++) {

document.images[i].src = TileMap.charAt(i) + "0.gif"

}

GameStatus = 2;

setTimeout("countdown()", 1);

}

}

function countdown() {

if (GameTime > -1) {

GameTime = GameTime - 1;

Division = ":";

if (GameTime % 60 < 10) {Division = ":0"}

document.joggle.user.value = Math.floor(GameTime / 60) + Division + GameTime % 60;

if (GameTime != 0) {

setTimeout("countdown()", 1000);

}

else {

endgame();

}

}

else { GameTime = GameTime * -1; }

}

function slide(TileX, TileY) {

WhichTile = TileX * 5 + TileY;

WhichLetter = TileMap.charAt(WhichTile);

if (GameStatus == 3) {

if ((Math.abs(TileX - LastTileX) < 2) && (Math.abs(TileY - LastTileY) < 2)) {

if (TilesOn.indexOf(LookUp.charAt(WhichTile)) == -1) {

CurrentWord = CurrentWord + WhichLetter;

if (WhichLetter == 'q') { CurrentWord = CurrentWord + "u"; }

document.images[WhichTile].src = WhichLetter + "1.gif";

LastTile = WhichTile;

LastTileX = TileX;

LastTileY = TileY;

TilesOn = TilesOn + LookUp.charAt(WhichTile);

}

}

}

}

function click(TileX, TileY) {

var NewStatus = GameStatus;

WhichTile = TileX * 5 + TileY;

WhichLetter = TileMap.charAt(WhichTile);

if (GameStatus == 2) {

CurrentWord = WhichLetter;

if (WhichLetter == 'q') { CurrentWord = CurrentWord + "u"; }

document.images[WhichTile].src = WhichLetter + "1.gif";

LastTile = WhichTile;

LastTileX = TileX;

LastTileY = TileY;

TilesOn = LookUp.charAt(WhichTile);

NewStatus = 3;

}

if (GameStatus == 3) {

if (CurrentWord.length > 3) {

if (Words.indexOf(":" + CurrentWord + ":") == -1) {

if (Words == ":") { parent.wordframe.document.write("<CENTER><B>Word List</B></CENTER><BR>"); }

parent.wordframe.document.write(CurrentWord + "<BR>");

Words = Words + CurrentWord + ":";

}

}

clearword(1);

NewStatus = 2;

}

GameStatus = NewStatus;

}

function abandon() {

if (GameStatus == 4) {

endgame();

}

}

// End -->

</SCRIPT>

<CENTER>

<H1><A HREF="Javascript:abandon()">Joggle</A></H1>

<FORM NAME=joggle>

<TABLE BORDER=0 CELLPADDING=8 CELLSPACING=0 BGCOLOR="#C8CEC4">

<TR><TD><A HREF="Javascript:click(0,0)" onmouseover="slide(0,0)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(0,1)" onmouseover="slide(0,1)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(0,2)" onmouseover="slide(0,2)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(0,3)" onmouseover="slide(0,3)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(0,4)" onmouseover="slide(0,4)"><IMG SRC=00.gif BORDER=0></A></TD></TR>

<TR><TD><A HREF="Javascript:click(1,0)" onmouseover="slide(1,0)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(1,1)" onmouseover="slide(1,1)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(1,2)" onmouseover="slide(1,2)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(1,3)" onmouseover="slide(1,3)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(1,4)" onmouseover="slide(1,4)"><IMG SRC=00.gif BORDER=0></A></TD></TR>

<TR><TD><A HREF="Javascript:click(2,0)" onmouseover="slide(2,0)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(2,1)" onmouseover="slide(2,1)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(2,2)" onmouseover="slide(2,2)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(2,3)" onmouseover="slide(2,3)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(2,4)" onmouseover="slide(2,4)"><IMG SRC=00.gif BORDER=0></A></TD></TR>

<TR><TD><A HREF="Javascript:click(3,0)" onmouseover="slide(3,0)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(3,1)" onmouseover="slide(3,1)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(3,2)" onmouseover="slide(3,2)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(3,3)" onmouseover="slide(3,3)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(3,4)" onmouseover="slide(3,4)"><IMG SRC=00.gif BORDER=0></A></TD></TR>

<TR><TD><A HREF="Javascript:click(4,0)" onmouseover="slide(4,0)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(4,1)" onmouseover="slide(4,1)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(4,2)" onmouseover="slide(4,2)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(4,3)" onmouseover="slide(4,3)"><IMG SRC=00.gif BORDER=0></A></TD><TD><A HREF="Javascript:click(4,4)" onmouseover="slide(4,4)"><IMG SRC=00.gif BORDER=0></A></TD></TR>

</TABLE>

<br><input type=button name="user" value=" Loading... " onclick="buttonpress()"><br>

<img src=a0.gif width=1 height=1>

<img src=b0.gif width=1 height=1>

<img src=c0.gif width=1 height=1>

<img src=d0.gif width=1 height=1>

<img src=e0.gif width=1 height=1>

<img src=f0.gif width=1 height=1>

<img src=g0.gif width=1 height=1>

<img src=h0.gif width=1 height=1>

<img src=i0.gif width=1 height=1>

<img src=j0.gif width=1 height=1>

<img src=k0.gif width=1 height=1>

<img src=l0.gif width=1 height=1>

<img src=m0.gif width=1 height=1>

<img src=n0.gif width=1 height=1>

<img src=o0.gif width=1 height=1>

<img src=p0.gif width=1 height=1>

<img src=q0.gif width=1 height=1>

<img src=r0.gif width=1 height=1>

<img src=s0.gif width=1 height=1>

<img src=t0.gif width=1 height=1>

<img src=u0.gif width=1 height=1>

<img src=v0.gif width=1 height=1>

<img src=w0.gif width=1 height=1>

<img src=x0.gif width=1 height=1>

<img src=y0.gif width=1 height=1>

<img src=z0.gif width=1 height=1>

<img src=a1.gif width=1 height=1>

<img src=b1.gif width=1 height=1>

<img src=c1.gif width=1 height=1>

<img src=d1.gif width=1 height=1>

<img src=e1.gif width=1 height=1>

<img src=f1.gif width=1 height=1>

<img src=g1.gif width=1 height=1>

<img src=h1.gif width=1 height=1>

<img src=i1.gif width=1 height=1>

<img src=j1.gif width=1 height=1>

<img src=k1.gif width=1 height=1>

<img src=l1.gif width=1 height=1>

<img src=m1.gif width=1 height=1>

<img src=n1.gif width=1 height=1>

<img src=o1.gif width=1 height=1>

<img src=p1.gif width=1 height=1>

<img src=q1.gif width=1 height=1>

<img src=r1.gif width=1 height=1>

<img src=s1.gif width=1 height=1>

<img src=t1.gif width=1 height=1>

<img src=u1.gif width=1 height=1>

<img src=v1.gif width=1 height=1>

<img src=w1.gif width=1 height=1>

<img src=x1.gif width=1 height=1>

<img src=y1.gif width=1 height=1>

<img src=z1.gif width=1 height=1>

</center>

<small><ul>

<li>To enter a word, click the first letter of the word, then move the mouse over the next letters in turn, and finally click the last letter of the word.

<li>To pause the game, click the button displaying the time. Click it again to unpause. Pausing the game reduces the remaining time by 1 second.

<li>To abandon the current game, first pause the game, then click on "Joggle."

<li>To score the game, after the game has ended or been abandoned, click the "Score" button in the frame on the right.

</body>

</html>

<p><center>

<font face="arial, helvetica" size="-2">Free Scripts Sources<br>

by <a href="http://script.omduena.com">The JavaScript Source</a></font>

</center><p>

Click Here if you need help to install the JavaScript

The Free source for javascript, java script, menu, form, calendar, forms, calendars, Ajax DHTML XML XSL XSLT RSS AJAX ASP ADO PHP

About Us :: Add to Favorite :: Make Home Page :: Tell your Friends :: Advertise :: Privacy

Copyright© 2002 Omduena, Inc. All rights reserved