Landing : Athabascau University

Group members: this is the place for your learning diary. Use this to post your zipped-up site at least once each unit, and your reflections as often as you wish (at least once per unit). Please write your reflections directly in the post, not as attached files. Where you do need to attach documents, such as for unit 1 designs, use PDF, PNG or JPG formats. You can attach files using the 'Embed content' link in the editor.

QUICK COURSE LINKS:  Add blog post - Read latest group postsFAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : MiscPodcasts for each unit

Updated resource pages:  Unit 1 - Unit 2  - Unit 3Units 4 & 5 - Unit 6 - Unit 7

Unit 4

  • Public
By Brent Beaudry in the group COMP 266 October 28, 2020 - 2:48pm

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>

 

Comments

These comments are moderated. Your comment will not be visible unless accepted by the content owner.

Only simple HTML formatting is allowed and any hyperlinks will be stripped away. If you need to include a URL then please simply type it so that users can copy and paste it if needed.

(Required)

(Required)