CSC 343: The Week beginning Jan. 30

• Homework:
  
  Part 1. HTML. Make a page that uses
  1. <col>
  2. <colgroup>
  3. <data>
  4. <datalist> (HTML Datalist and Select: Difference between Datalist and Select Elements in HTML)
  5. <dl>
  6. <dt>
  7. <dd>
  8. <details>
  9. <del>
  10. <dfn>
  See http://www.w3schools.com/tags/ for explanation and examples of how to use these HTML tags.
  
  Part 2. CSS. Watch the CSS Display Property Tutorial and the Z-Index CSS Tutorial Then make a page with style (or separate style sheet) that shows you using the following four values for the display property: inline, block, inline-block, and none. It should also use the z-index. To demonstate the latter it must have two overlapping elements with the later one being positioned (partially) under the earlier one.
  
  Part 3. JavaScript. Do the following tutorial: jQuery Tutorial #5 - Building a jQuery Tab Panel Widget
  A head start: TabPanel.htm (He doesn't show his style, so I provided some.)
  
  Due: Feb. 6
  
  
• Monday:
  
  AddReservation.jpg (from board -- code concerning adding a reservation from last Friday's lab)
  
  CheckBoxListCompare_s17.htm
  
  CheckboxAttrVersusProp.html: Demo jQuery attr versus prop for checkboxes
  
  Arcimboldo.zip
  
  ImageCompare.htm Changing an image src versus adding an image.
  
  DiceRollTimer.zip: Demonstrates two types of timer methods: setInterval/clearInterval and setTimeout
  
  
• Wednesday:
  
  Go over above demos not discussed on Monday
  
  Five Guys Lab
  
  Due: Feb. 8
  
  
• Friday:
  
  RadioButton_s17.htm gets more than just the value from the selected radio button
  
  Select_s17.htm gets the value and the "text" of the selected option
  
  Neighbors.htm demonstrates jQuery methods like next(), previous(), parent(), children(), eq(), etc.
  
  Square Root lab SquareRoot.zip
  
  Due: Feb. 10