Today is . Page created 09/23/02, updated 12/28/09

Mirror Image Scriptris ~ A Tetris Clone Game DNA

Open Scriptris ]

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 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>

Notice     In the above incomplete <BODY> tag the use of the apostrophe('). For all intensive purposes if you are going to add the onload event handler into your pre-existing <BODY> tag, we suggest you change the apostrophes to that of quotations (").

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">

Add-On Not Included In Script 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 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>
<input type=button value="Close Window" onClick="javascript:top.window.close();">
</form>

<------ Close Window Text Link ------>

<a href="javascript:window.close();">Close Window</a>

Close Window

Linkto Close Window By Clicking Graphic ]

On A Final Note     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:

  1. The first thing you must do with the code is to remove the opening and closing script tags, paste what is left into a notepad and save as scriptris.js

          <SCRIPT LANGUAGE="JavaScript"> Opening Script Tag

          //-->
          </SCRIPT>
    Closing Script Tag
  2. Once you have done that, now you will have a file that looks something like this: scriptris.js file
  3. Once you have done that, now you need to upload the scriptris.js file into your directory.
  4. Once you have done that, now you need to insert a snipplet of code into the <HEAD> section of the document where the game will be located.

          <script type="text/javascript" src="scriptris.js"> </script>


  5. The above little snipplet of code is what is calling the <HEAD> section of the code to make the effect work.
  6. Once that is done, now just paste the <BODY> section of code where you want the effect to be and you are all done. Happy Smiley

For Your Information 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 ]   Bookmark and Share