Finding some javascript code to use was as easy as going to www.javascriptfreecode.com and finding something that would work for the primary persona, which is a child requiring remedial or general educational services. Since a primary target sub-demographic is the First Nations, whose culture has a heavy visual focus on vivid colour, a natural choice was to use the code for changing background colour on the client home page (only the home page, not the activity page(s) so as not to be distracting. The use of onmouseover over text of the colour names adds to the educational aspect of the site as well. The code can be altered to change the language, as well.  It was the perfect choice for this exercise.

The code itself is straightforward – all I needed to do was change some typos in the <br> tags (they were in there as <BR>, which caused problems), and I gave it proper indentation. I also deleted the link to www.javascriptfreecode.com at the bottom because it doesn’t fit with the scope of the site. Maybe this was too easy a script to choose, but it fits so perfectly with the overall scope, theme and aim of the site that it was by far the best choice for the site.

 The link: http://student.athabascau.ca/~brentbe9/Unit%204/client_home.html

Here is the code, copied directly from the site:

<!-- this script got from www.javascriptfreecode.com coded by: Kerixa Inc. -->

<p>[<a href="/"

onmouseover="document.bgColor='green'">Green</a>]<br>

[<a href="/"

onmouseover="document.bgColor='greem'">Bright Green</a>]<br>

[<a href="/"

onmouseover="document.bgColor='seagreen'">Sea Green</a>]<br>

[<a href="/"

onmouseover="document.bgColor='red'">Red</a>]<BR>

[<a href="/"

onmouseover="document.bgColor='magenta'">Magenta</a>]<br>

[<a href="/"

onmouseover="document.bgColor='fusia'">Fusia</a>]<br>

[<a href="/"

onmouseover="document.bgColor='pink'">Pink</a>]<br>

[<a href="/"

onmouseover="document.bgColor='purple'">Purple</a>]<BR>

[<a href="/"

onmouseover="document.bgColor='navy'">Navy</a>]<br>

[<a href="/"

onmouseover="document.bgColor='blue'">Blue</a>]<br>

[<a href="/"

onmouseover="document.bgColor='royalblue'">Royal Blue</a>]<br>

[<a href="/"

onmouseover="document.bgColor='Skyblue'">Sky Blue</a>]<BR>

[<a href="/"

onmouseover="document.bgColor='yellow'">Yellow</a>]<br>

[<a href="/"

onmouseover="document.bgColor='brown'">Brown</a>]<br>

[<a href="/"

onmouseover="document.bgColor='almond'">Almond</a>]<br>

[<a href="/"

onmouseover="document.bgColor='white'">White</a>]<BR>

[<a href="/"

onmouseover="document.bgColor='black'">Black</a>]<br>

[<a href="/"

onmouseover="document.bgColor='coral'">Coral</a>]<br>

[<a href="/"

onmouseover="document.bgColor='olivedrab'">Olive Drab</a>]<br>

[<a href="/"

onmouseover="document.bgColor='orange'">Orange</a>]<br>

<hr color="#00FFFF"><a target='_blank' href='http://www.javascriptfreecode.com/' style='font-size: 8pt; text-decoration: none'>JavaScript Codes</a>