teaching machines

CS 318 Lab 17 Cont’d – Dropdowns and Tabviews

April 5, 2017 by . Filed under cs318, lectures, spring 2017.

Dear students,

Last time we started implementing dropdown menus. We decided to continue that effort today, though I do want to add one extra and related exercised: a tabbed viewer.

Here’s your TODO list:

See you next time!

Sincerely,

Lab

Continue on in your lab17 directory.

Spenditures

Create in spenditures.html (sic) a table displaying a breakdown of the federal budget of the United States. It looks like this:

And it interacts with the viewer like this:

Tabbed Viewer

Create a second page named tabs.html and an accompanying stylesheet named tabs.css. Your goal is to create a page that allows the viewer to switch between views within a single web page. Something like this:

I suggest tackling this exercise in this order: