CSCI 330

Lab 4 Dynamic HTML: Event Model

SCRUM — reports from Teams. About 15 minutes

Then work on the following problems putting the pages in a folder on your J: Drive labeled LAB4.

14.5 (474) Write a function that responds to a click anywhere on the page by displaying an alert dialog. Display the event name if the user held Shift during the mouse click. Display the element name that triggered the event if the user held Ctrl during the mouse click.

14.6 (474) Use CSS absolute positioning, onmousemove and evemt.x/event.y to have a sentence of text follow the mouse as the user moves the mouse over the Web page. Disable this feature if the user double clicks (ondblclick).

14.8 (475) Add two elements to Fig. 14.9 (468) that users can click. Use the deitel.gif image file as the first element. When the user clicks the image, display an alert dialog box with the text "you clicked the image." For the second element, create a one-row table containing a text string. Set the table border to 1. When the user clicks the table element, display an alert dialog box containing "you clicked the table." In the two accompanying functions, set each event object to true.

Complete all three Exercises in lab or after the lab on your own time and put the results in the J: Drive folder you created LAB4.

The folder will be collected for grading at the next scheduled lab time. There will be no scheduled class on October 27^th due to the fact that Ben, Josh, and LB and I will be at the CCCSE Conference at Mary Washington in Fredericksburg.