|
T his is a multiple choice Math Flash card game for addition, subtraction, and multiplication. You can change the difficulty (how large the numbers get in the problem) and which math function to use. It also tracks your accuracy and response time.
W e have tested the code in IE5.5, IE6, Netscape4.08 and Netscape7.02. This script worked well in all platforms tested with variations observed in Netscape4.08. and Netscape7.02
- 1) In Netscape7.02 the positioning of the game is not centered, but positioned to the left even though it should be centered on the page. To center the game you must surround the entire script with a positioned table. See below:
- <table cellpadding="4" cellspacing="3">
<tr>
<td align="center" colspan="3">
Place Complete Script Here!
</tr></td>
</table>- 2) The positioning or lack of positioning does not effect the game in any way.
- 3) In Netscape 4.08 prior to the page completely loading you will get a pop up message telling you the script will not work!
- 4) In other words, It will not work or appear correctly.
D epending on your knowledge of HTML and java scripts, this is an easy one part copy and paste code that is pasted into the <BODY> section of your document.
T he default script actually has no reconfigurations. Once you paste it into your document* you are ready to go.
* We suggest that since the default takes up so much space on a page, just place this script on tha page with nothing else but the game.
W e did a little bit of reconfigurations to save space on this page. On the default, the instructions (Upper right form button) are below the flash card game on the same page. It is linked by what is called same page link anchors.* What we did was remove that part of the code and placed it on a separate page we created that will open in a new window. See the below example on the howto, including the separate java script for the pop up window with size attributes.
* Link anchors are a way to transport you do different parts of the same page or a different page.
[ Link Anchors ~ Howto ]
Remove The Below Part Of Code And Paste It Into A New Page
* Anything that we will color code in orange in the below code can be eliminated. It has to do with link anchors and since you will have the instructions on a separate page, you do not require them.
<!----- Start Code Removal Here! -----> <a name=inst></a>
<!----- End Code Removal Here! -----> |
<center><form>
<input type=button value="Close Window"
onClick="javascript:top.window.close();">
</form>
T he last thing you need to do is make a reconfiguration within the "Instructions" button so instead of being a link anchor, it will now open in a new window to show the instructions. First we will show the default and then the reconfiguration.
Default
<td width=120><center><input type=button value="Instructions"
onclick="window.location='#inst'"></td>
</tr>
<tr class="sect2">
Reconfigured
<td width=120><center><input type=button value="Instructions"
ONCLICK="open('URL For Instructions Page You Built', 'myannouncer','toolbar=0,scrollbars=1,location=0,resizable=0,width=550,height=430')"></td>
</tr>
<tr class="sect2">
I n the above reconfigured code with the java script pop up window, all the attributes other than the height and width can have either a zero (0) or a one (1). One (1) means that the specific attribute is visible and zero (0) means it is not visible. The width and height is a no-brainer. This you can set to what ever size in pixels you want the window to initially open. The above is the exact way we have ours configured.
I
f you would like to add this effect into your pages, just grab the below link and you are there. If you have any problems with this, feel free to contact us.
[ Get Code Here ]
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ] |
Little Tips Directory [ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ] |
[ Index Page 1 ]
[ Index Page 2 ]
[ Index Page 3 ]
[ Index Page 4 ]
[ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ News Letter Archives ]
[ Navigation Page ]
[ Archives Of Published Material ] |
If you are part of the ever growing number of webmasters who enjoy
sharing your knowledge with others on web design, join The
Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-