Today is . Page created 09/23/02, updated 12/28/09
Scriptris ~ A Tetris Clone Game |
Scriptris ~ A JavaScript Tetris clone game. You can either save this page to your favorites or get this game and add to your pages.
We have tested the code in IE6.0, Firefox1.5.0.1, Opera8.52, Netscape7.02, Netscape8.1 and AOL Explorer1.2. This script worked in IE, Opera8.52 and AOL Explorer1.2. With all other platforms tested you get a pop up error message as the page attempts to open telling you "Sorry, this script works properly in MS Internet Explorer", you must click "OK" and then the page will close.
[ Error Observed ]
Depending on your knowledge of HTML and javascripts, this is an easy one (1) part copy and paste code that comes from the script site as a complete HTML document. All you actually need to do is copy and paste the code into a blank document and you are done.
If you select not to have this game on a separate page and you want to incorporate it into an existing page, then it becomes a (3) part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document along with inserting an onload event handler directly into the <BODY> tag.
For your Information: On the site you get the code, the <BODY> tag is not complete with text color, link color etc. See below:
</SCRIPT>
</HEAD>
<BODY ONLOAD='zemot()' bgcolor=black>
<CENTER>
If you need a little refresher on howto add the onload event handler directly into the <BODY> tag, see the below examples:
Default Complete <BODY> Tag ~ No onload event handler
<body bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc">
Reconfigured Complete <BODY> Tag ~ onload Event Handler Inserted
<body ONLOAD="zemot()" bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc">
Little Extra Not Included In The Script: If you have noticed on the game itself the little "Close Game Window" button. This is "Not" part of the script. We added it as a convenience* into the <BODY> section of the code. If you are adding this effect into a separate page and want to add this little button, see below where and howto:
</TD>
</TR>
</TABLE>
</FORM>
<!------ Start Close Game Window Button ------>
<form>
<input type=button value="Close Game Window" onClick="javascript:top.window.close();">
</form>
<!------ End Close Game Window Button ------>
</TD>
<TD align=center>
<SCRIPT LANGUAGE="JavaScript">
<!--
chacera (i20);
//-->
</SCRIPT>
</TD>
* Note Of Professionalism: In reference to the level your site attains. It elevates your site's level of professionalism by adding the little "Close Window" button or link on the linked-to page. It may not seem like much but little things such as this stick in people's minds as a little convenience not required but done anyway. Below are the codes for the form button, text, and a linkto another page for the effect of closing the page by clicking on a graphic. These effects are placed anywhere in the <BODY> section of your document you want it to appear. "Do Not Overdo" the use of these little buttons. We just add them into our pages when we have as we do here Pop up windows that need to open in a new window to keep focus on the main page.
<------ Close Window Form Button ------> <form> |
<------ Close Window Text Link ------> <a href="javascript:window.close();">Close Window</a> |
The <HEAD> section of the code is slightly large (14.1K) and can bloat your page. You can make this section of code into a .js file and call it from an external location as we have done. If you are unfamiliar with the howto or need a little refresher on this, see below:
For your Information:
If you would like a full tutorial on howto make an external .js file, grab the below link and you are there. The above six (6) steps are for all intensive purposes the abridged quick method that usually works for most people.
[ Howto Make An External .js File ]
W
e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]
[ Rate This Page ]
[ Free Games ] [ Scripts In Conflict ]