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

mportant notice: the student web server is unavailable. Until this is fixed, we do not require you to upload your site to the student server. See Running a web server on your local machine for details of how to meet the requirements for the final unit

Unit 4: Script use and Augmentation

  • Public
By Mipam Lauder in the group COMP 266 February 13, 2021 - 12:00am

I didn't like how my marina webpage was cluttered with a long list of marinas. I found a solution that involves collapsing the categories with javascript here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible_symbol

The code is short, and based on my *very* limited javascript knowledge, appears to be well written and bug free. The code lacks comments, so I've added comments throughout so that I can better understand the code.

I've put the script into a separate file that is loaded in once the page loads. If the script loads before the html then the script doesn't work.

This supports my personas and scenarios by simplifying the site, and make it easier and smoother to navigate.

Website files:  Unit 4 Website Files