Download these three files from
http://www.cs.rpi.edu/~ingallsr/
CSCI1100.xml
CSCI4220.xml
MATH4150.xml
Write an HTML page that contains a table which consists of one row and three columns. The values in the three cells are CSCI.1100 Computer Science I, CSCI.4220 Network Programming, and MATH.4150 Graph Theory. When the user moves the mouse over one of these three cells, much more information will appear about the course. This information includes the Instructor, the Instructor's office, the Text Author, and the catalog course description.
To do this, write a javascript function which is called by the onMouseOver event. This function generates an Ajax request for one of the three xml files that you downloaded. Your script reads and parses the file, and extracts the appropriate information.
When the mouse moves off the course name, all of the information disappears. You can do this with the onMouseOut event Hint: If you use Firefox, you should open a javascript console by choosing javascript console from the tools menu. This will display javascript error messages.
The way to do this is to create a table with two columns and perhaps 20 rows. You can fill in the information in the table as needed after parsing the xml file. The function called by the onMouseOut event can then change all the table values back to empty.
Here is what your web page should look like.
| CSCI.1100 Computer Science I | CSCI.4220 Network Programming | MATH.4150 Graph Theory |
| Instructor | Malik Magdon-Ismail |
| Office | Lally 310 |
| Text Author | Walter Savitch |
| Description | An introduction to computer programming algorithm |
| design and analysis. Additional topics include basic computer | |
| organization; internal representation of scalar and | |
| array data; use of top-down design and subprograms to | |
| tackle complex problems; abstract data types. Enrichment | |
| materials as time allows. Interdisciplinary case studies, | |
| numerical and nonnumerical applications. Prerequisites: none | |
| Fall and spring terms annually |