Gianni Wise . USYD . Tin Sheds . Faculty of Architecture . Course blog

15/09/2010

javascript exercises for techo heads

B.Javascripting: just a language.
NOTE: 1. Look at the placement of the javascripting in the head and then in the body
something to try ::
Firstly create a new site (site>new) - set up root folder with 2 sub folders (named pages & assets). Then create a page. Place an image or text in the centre. Use this as your entry page. Do these basic exercises to get the idea of javascript.
Remember to copy and paste code in the correct places
exercise 1: create a new window. Go to:
netmechanic
Insert the script. Save doc. Preview in browser.

exercise 2:
1. find 5 images. Resize them all to 200x200pixels. Save all as jpeg (save for web).
RELOAD page – new image:
Try this tutorial:
tutorials/reloadswap

exercise 3: AND if you’re feeling confident try this drag and drop script that works with most broswers:
dragdrop

exercise 4: Take on of these and try one of them.
cutindex

exercise 5
OPEN multiple windows. Make 3 extra pages and save same folder as your ‘parent’ page. Name them appropriately e.g. pop1.html, pop1.html etc.
Javascript that will pop up an additional rather than replacement window.

Using the open() method , you can assign the windows to different locations and a new window will be generated, leaving the old intact. Use the same rules as above for the open method. (ex 1)
Ex:
open("pop1.html","pop1","width=300,height=300,left=100,top=110")
open("pop2.html","pop2","width=300,height=300,left=100,top=100")
open("pop3.html","pop3","width=500,height=300,left=100,top=90")
open("picpopup.html","carney","height=211,width=160,left=80,top=80")

No comments: