|
Designing With JavaScript : Creating Dynamic Web Pages by Nick Heinle O'Reilly & Associates; ISBN: 1565923006. |
JavaScript
Netscape Navigator, starting with version 2.0, includes an interpreter (part of the browser software) that will interpret and execute instructions written in a language called JavaScript. These instructions are part of the Web page and are translated or interpreted by the browser on the client system.
JavaScript includes relatively easy ways, for example, to write instructions that respond to mouse clicks or other mouse movements. A script could collect and verify input from a user before passing it back to a server or an applet.
JavaScript Reference Materials
Netscape provides a good introduction to and all the details for JavaScript in two Web documents:
JavaScript Guide
http://developer.netscape.com/docs/manuals/communicator/jsguide4/index.htmJavaScript Reference
http://developer.netscape.com/docs/manuals/communicator/jsref/index.htmExamples and Exercises:
Buttons and background colors
http://www.mwc.edu/ernie/jscript/example1.htmlExercise: modify the source so that there's a button for each color in the rainbow.
Pop-up Windows http://www.mwc.edu/ernie/jscript/example2.html
Exercise: modify the source so your home page pops up upon opening and a page different than the MWC home page pops up when you leave.
Setting the Focus in a form. First take a look at http://www.mwc.edu/ernie/jscript/example3.html
And then
http://www.mwc.edu/ernie/jscript/example4.htmlNotice how the source is different in the two.
Alert Windows http://www.mwc.edu/ernie/jscript/example5.html
Exercises: Modify the source so the focus is in the form field for favorite food.
Change the alert associated with the pushbutton so it says "Happy Birthday"
Buttons that take you to other Web pages and a pull-down menu http://www.mwc.edu/ernie/jscript/example6.html
http://www.mwc.edu/ernie/jscript/example6a.html
http://www.mwc.edu/ernie/jscript/example6b.html
Exercise: Look at example6.html. We'll deal with the buttons in example6a. Modify the source so the buttons take you to some of the JavaScript tutorials on the next page. Example6b.html deals with the menu. Modify the source so you may select form a collection of JavaScript tutorials.
Substitute page http://www.mwc.edu/ernie/jscript/example7.html
Exercise: Modify the source so the color of the new page is indigo. Modify the source so the contents of the new page contains a hyperlink to the MWC home page.
Examples of JavaScript enhanced Web pages and Information About JavaScript
CoolNerd's JavaScript Examples
http://www.milliscrip.com/webauth/jscript/index.htmlCut and Paste JavaScript
http://www.infohiway.com/javascript/indexf.htmDeveloper.Com JavaScript Examples
http://www.developer.com/directories/pages/dir.javascript.htmlJavaScript World
http://www.jsworld.com/JavaScript World's Online Resources
http://www.jsworld.com/help/resources/index.htmlJS Resources A2Z: JavaScript Yellow Page
http://www.ibic.com/java/m_main2_0.htmJavaScript Tutorials
Weaving with JavaScript
http://www.w3-tech.com/crash/javascript/JavaScript.htmlThau's JavaScript Tutorial
http://www.hotwired.com/webmonkey/98/03/index0a.html?tw=javascriptVOODOO'S INTRODUCTION TO JAVASCRIPT
http://www.webconn.com/java/javascript/intro/tutorial.htm| Internet Today! | Learning to Use the Internet | Learning to Use the World Wide Web | Searching and Researching on the World Wide Web |
FROM the fortune list ...
In every work of genius we recognize our own rejected thoughts: they come back to us with a certain alienated majesty. - Ralph Waldo Emerson