- Two Threads , Ten Threads , Calculate Primes
- FillDemo unthreaded and fails
- ThreadedFillDemo improved and works
- ThreadedFillDemo2 improved (Runnable)
- use this one to cannabilize: ThreadedFillDemo3 event dispatch thread is made explicit
- ThreadedFillDemo4 Thread an inner class
- AlgorithmAnimcation by Horstmann
- Ball
- BallComponent
- BounceThread
- Simple threading examples
- Making a GUI responsive
- Two animation examples
Write A Java app with two JPanels using threads.
In one JPanel, you display a tick every 100 ms.
In the other JPanel, you display a tick every 1000 ms.
Demo day
See example JTextField demo TextFieldDemo.java
T, 11/19: Write a Java app that will draw a circle at a random location after you click a button.
No deadline for Java app
http
HTTP request methods
HTTP status codes
- Write a simple form with one input text field and one button
Enter data to the input field
- Watching the http stream with firebug: is there a difference between a form that does a get action and a post action? Why?
- Watch the http stream: is there a difference between a button that is a submit button versus not a submit button?
- Watching the http stream with firebug: is there a difference between a form that does a get action and a post action? Why?
- use
pingwhat is the largest ping value you can obtain? Write URL and latency on whiteboard.
- Surgery on the DOM
- Creating elements, attributes and text
- methods in w3 schools
(http://www.w3schools.com/jsref/dom_obj_document.asp , etc).
- Rewrite this html page to reduce the number of variables to two.
- Play, analyze, FIX (adding appropriate images) Sikes Treasure Hunt Game
In the lab, use Safari (not FF). (1) Add all pictures (2) Slow the sprite down. - Play, analyze, COMMENT showinfo(), setopt(), and readquery() at Wolter's Flood-it game
Hint: notice the address buffer
Safari or FF; give at least 8 lines of documentation that MAKE SENSE.
- Create an object that has an English word and its plural ('ox', 'oxen').
Create 'toString', 'getter' and 'setter' methods - Use your object to create a 'flashcard' set of at least 5 objects
- Now, write a page that will step through the 'flashcards', displaying one word at a time, and the user has to give the plural
- Keep track of the number of correct answers, and give that number after the user has gone through all cards.
- Demo the flashcard set, and also demo adding a new card to the set (in real time)
- Using a timer to make a slide show, pre-load images
- event handler pseudo code using setTimeOut (not setInterval) on board
- using wrap-around on board
- Inlab:
- Write a slide show
- Step through 3-5 images, displaying each image for 2 seconds.
- Make a Start and Stop buttons to start and stop the slide show by controlling a timer.
- Put images (either just src or use Image object) in an array and step through the array.
- Use setTimeout (not setInterval)
jslint.com, jshint.com,
jslint errors explained
see escape and unescape
Set Cookies, Get Cookies
cookieLib.js
num,
then accepts a number from the user, then (2) saves it to the cookie named num Beginning animation -- timers
Regular Expressions see here
- upload to Inlab1016.html
- legal alien gender (see project 1)
- Entered a string of 3 chars where each char can be 'r' or 'w' or 'x'
- Entered a legal Canadian postal code
Then, ask the user, using a prompt box, to enter a chemical symbol, then give the user (using alert box), the chemical name (save to Inlab1009.html)
4.1 - 4.6 (associative array),
Chpt 15 (especially 15.9, Forms)
#2.First,create an associative array for the first 5 elements in the periodic table: the key is the symbol (H, He, Li, Be, B), the value is the name of the element.
Then, ask the user, using a prompt box, to enter a chemical symbol, then give the user (using alert box), the chemical name (save to Inlab1009.html)
4.1 - 4.6 (associative array),
Chpt 15 (especially 15.9, Forms)
onMouseOver painting: building strings, building id's
- Three small images, onMouseover:
- change position of image to alternate position using hidden
- change position of image to alternate position two images: man and a blank (color of background).
- change position of image using top and left
document.write w3schools JS on HTML DOM , w3schools JS on CSS , w3schools JS DOM events
dodge em -
onMouseOver painting: building strings, building id's
var, defining functions and using parameters w3schools JS on HTML DOM
w3schools JS on CSS
w3schools JS DOM events
Background is green, font color is red.
There is a quote, e.g., "For the strength of the pack is the wolf, and the strength of the wolf is the pack."
- Four buttons (<button>) labelled appropriately
- Clicking the first causes background color to be green,
- the second causes background color to white,
- the third causes text color to be red,
- the fourth causes text color to be black.
chpts 1, 2, 3.1-3.5, 4.7-4.12, 5.1-5.7
Intro to Javascript:
getElementById() and
innerHTML Intro to Javascript:
<script>,
Make an HTML/CSS with two images. Use Javascript.
When the left image is clicked, display that image below the original two (centered).
When the right image is clicked, display that image below the original two (centered).
At most three images are displayed.
Upload to 231/Inlab0924.html
HTML quiz, CSS quiz
CSS basics (very fast)
CSS box model
Upload to your
231/Inlab0918.html Introduction to CSS
See external style sheet for this page; at least 5 elements!
w3schools tutorial on CSS
Inlab0916evett.html and Inlab0916evett.css - Design and implement an external style sheet for Dr Evett (2) Add CSS style, either inline OR in the header, to your own
index.html page
You must style at least 3 elements or tags of your home page.Review html: div and span
w3schools DOM example
w3schools definition of DOM
w3schools DOM tree: node types, parent, children, siblings
- some HTML elements and attributes
- <img>
- block and in-line elements
- simple button
- forms and related elements
- do the following:
- Sketch the DOM, labeling node types, for this document and for this one
- Demo your HW from last class
HTML character entities
color
Create a page named
HW0909.html
that makes use of at least 10 HTML tags Intro HTML at w3 schools
(2) Publish homepage to emich webspace, make the 231 link a working link
and use a header that provides your name, COSC 231, FA13