Home
Web Development
Short Contents
For Beginners...Introduction
Document
Text
Organisation tools
Forms
Images
Sounds
Special Effects - Javascript
Search Engines
Full Contents
For Beginners...
Introduction
Other HTML sitesPutting pages online
Tips For beginners
Download this Guide
Document
StructureThe <HEAD> section
...Title
...Setting the Base address
...Queries : ISINDEX
...META tags
...<LINK>s
The <BODY> tag
...Document Colours
...Background
Text
HeadingsFonts
Preformatted text
Special Characters
Character Formatting
...Blink
...Bold
...Italics
...Underline
...Strikethrough
...Superscript
...Subscript
Paragraph formatting
...Blockquote
...Line Breaks
...New Paragraph
...Stop Line Breaks
...Word Break
...Centre text
Miscellaneous
...Addresses
...Use Bigger/Smaller fonts
...Citations
...Code
...Keyboard input
...Sample
...Teletype
...Variables
...XMP
Organisation tools
CommentsHorizontal lines
Links
...<LINK>s
...within pages
...Image maps
Frames
...Naming and Targeting
Tables
...example tag
...Rows
...Cells
...Captions
Lists
...Definition lists
...Directory Lists
...Menu Lists
...Ordered Lists
...Unordered Lists
Embedding special files
Forms
Images
Sounds
Special Effects - Javascript
Events...onAbort
...onBlur
...onChange
...onClick
...onError
...onFocus
...onLoad
...onMouseOver
...onMouseOut
...onReset
...onScroll
...onSelect
...onSubmit
...onUnload
Basic Commands
...Changing the status bar
...Opening a new window
...changing page being viewed
Search Engines
Javascript Special Effects
This section is dedicated to achieving all of those special effects that you see on some pages, such as customising the status bar when the mouse moves over an object. This is by no means a guide to Javascript - if you want that, visit the Netscape Site for a really thorough and easy to read guide. Javascript is available on Netscape and Internet Explorer, as well as some other browsers. Note that Javascript commands tend to be case sensitive, so type them exactly as they appear!Events
This page concentrates on "Events" - things that the user does to result in an action, such as moving or clicking the mouse, scrollbars, etc. Events can be used with many HTML objects such as links, forms, and even the document body- I can't be more specific but try it out for yourself on the object of your choice. To assign an action to an event, place the following within the opening tag of the object :[EventName]="[javascript code] ; return true"If multiple commands are used, they should be seperated by a semi-colon ( ; ).
For example :
onmouseover="document.writeln('Hello World!') ; return true"Some of the available events are:
| Event Name | Where Used; what causes it |
|---|---|
| onAbort | Called when for some reason the object is not completely loaded, such as the user clicking the stop button. |
| onBlur | Occurs when the frame or form object loses its "focus", because another fame or object was clicked on. |
| onChange | This occurs when a form object loses the focus after being modified. |
| onClick | Caused by a mouse click on the object |
| onDblClick | Caused by two mouse clicks in quick succession |
| onError | Usually used within a <SCRIPT> tag to give instrutions when the browser finds an error in the script |
| onFocus | A form object or frame gains the focus when it is clicked on. |
| onLoad | Used when an object, or the document BODY, is loaded |
| onMouseDown | occurs when the mouse button is pushed |
| onMouseOver | when the mouse pointer is moved over an object |
| onReset | In forms, when the reset button is pressed |
| onScroll | When an object's scroll bars are moved |
| onSelect | In forms, when an object is selected |
| onSubmit | When the form's submit button is pressed |
| onUnload | Usually used in the BODY tag, called when another page is loaded in place of the current one. |
Some Basic Commands
Changing the status bar
window.status='(your custom message)'opening a new window
window.open ('(file address)','(window name)','toolbar=yes|no,location=yes|no, diectories=yes|no,status=yes|no,menubar=yes|no, resizeable=yes|no,scrollbars=yes|no,width=???,height=???')NOTE: NO spaces between the list of window attributes!!
changing page being viewed
<BODY
onLoad="window.location='(address to load)')"}>
(C)opyright 2001-2008, Geoff Knagge.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.