Code Zone - Reality's End


	Code Zone

Site

Games

Miscellaneous

I have probably programmed more in JavaScript than any other language. I have used it to make games and other little, useful effects on this site. I am sometimes asked how I made these things, and I tell people the same thing -- I do not have the code section on my site anymore. It was really unpopular when I first had it, but enough people asked, so I brought it back.

Music Randomizer - Music on a website is fine so long as you do not have to listen to the same song over and over as some unfortunately do. Randomization makes short work of that. Moreover, this MIDI player will switch tracks if the same song has been playing too long.

<script language="JavaScript">

</script>

You should go through the script and change the script to meet your specialized needs. Just look for the conveniently placed CHANGE comments located in the script; there are only two of them, one at the bottom and one in the song list.
The entire thing is one large JavaScript, so it will easily fit into one imported script. If your song list ever becomes large, I recommend using it as an imported script for the sake of load speed.

Color Picker - In the AD&D Story Book, I allow users to pick the color of the text they read. This comes in handy for any large text block; why should you decide what is most comfortable to read? You do not have your readers' eyes, and if you did, it would be very creepy and quite criminal.
The code works simply enough. All you need to do is display some buttons:

-Text-<br>
<button onClick='this.document.all.coltext.style.color = "#FF0000";'>Red</button>
<button onClick='this.document.all.coltext.style.color = "#00FF00";'>Green</button>
<button onClick='this.document.all.coltext.style.color = "#0000FF";'>Blue</button>
<button onClick='this.document.all.coltext.style.color = "#FFFF00";'>Yellow</button>
<button onClick='this.document.all.coltext.style.color = "#000000";'>Black</button>
<button onClick='this.document.all.coltext.style.color = "#FFFFFF";'>White</button>
<button onClick='this.document.all.coltext.style.color = "#AAAAAA";'>Gray</button>
-Background-<br>
<button onClick='this.document.all.coltext.background.color = "#AA0000";'>Red</button>
<button onClick='this.document.all.coltext.background.color = "#00AA00";'>Green</button>
<button onClick='this.document.all.coltext.background.color = "#0000AA";'>Blue</button>
<button onClick='this.document.all.coltext.background.color = "#AAAA00";'>Yellow</button>
<button onClick='this.document.all.coltext.background.color = "#000000";'>Black</button>
<button onClick='this.document.all.coltext.background.color = "#FFFFFF";'>White</button>
<button onClick='this.document.all.coltext.background.color = "#777777";'>Gray</button>

All you need for this script to be complete is a DIV or some other HTML element with the ID of coltext, like so:
<div id="coltext">Hey, this text will change color!</div>
You can change the color values to whatever you fancy and arrange the buttons however you wish.

Copyright © 1999-2022