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 Jiaying Zhao in the group COMP 266 May 22, 2021 - 12:57pm

This job requires adding interaction behavior to the HTML page based on CSS style processing of the previous unit

Script language, add JavaScript language to the web page. JavaScript can be written in HTML and automatically executed when the page is loaded. Scripts exist and execute as plain text. They do not need special preparation or compilation to run. The code is executed from top to bottom and can be written anywhere in the page. JavaScript can be edited directly in HTML without introducing it. In this job, I wrap the JavaScript statements with and label the method in the function when the page is loaded by using the window.onload = function() {} method. In this assignment, the JavaScript language is the home page. HTML, Shope_ Page. HTML. In homepage.html, JavaScript language is used to realize the event of moving the mouse up and displaying elements. First, assign a unique ID value to a specific DOM element. JavaScript initializes the object and gets the DOM element var input1 = document. Getelementbyid ('input1 '). The OnMouseOver method is used in JavaScript to implement the mouse up event. When the mouse is up, the child element displays input1. OnMouseOver = function() {div1. Style. Display ='block ';}. The onmouseout method is used in JavaScript to implement the mouse out event. When the mouse is moved out, the child element hides input1. Onmouseout = function() {div1. Style. Display ='none ';}, So as to achieve a series of mouse out and in effect. In Shope_ In the page.html page, by assigning ID to a special DOM element, JavaScript language obtains the corresponding DOM element var odiv = document.getelementbyid ('div1 ').directory_unit4.zip

 

This is my website: http://student.athabascau.ca/~jiayingzh/directory_unit4/