DHTML Event Handlers
With an event handler you can do something with an element when
an event occurs.
Examples
Note: Most of the DHTML examples require IE 4.0+, Netscape 7+, or Opera 7+!
onmouseover & onmouseout
How to change the color of an element when the cursor moves over and out of an element.
onclick
Turn on the light! How you can change an image when you click on it, and back
to the original image when you click on it again.
onmousedown & onmouseup
This time the light is on only when you hold the mouse button down.
onload
Displays an alert box when the page has finished loading.
Event handlers
With an event handler you can do something with an element when an event
occurs: when the user clicks an element, when the page loads, when a form is submitted,
etc.
<h1 onclick="style.color='red'">Click on this text</h1>
|
The example above defines a header that turns red when a user clicks on it.
You can also add a script in the head section of
the page and then call the function from the event handler:
<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red";
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()">
Click on this text</h1>
</body>
</html>
|
HTML 4.0 Event Handlers
| Event |
Occurs when... |
| onabort |
a user aborts page loading |
| onblur |
a user leaves an object |
| onchange |
a user changes the value of an object |
| onclick |
a user clicks on an object |
| ondblclick |
a user double-clicks on an object |
| onfocus |
a user makes an object active |
| onkeydown |
a keyboard key is on its way down |
| onkeypress |
a keyboard key is pressed |
| onkeyup |
a keyboard key is released |
| onload |
a page is finished loading. Note: In Netscape this event occurs
during the loading of a page! |
| onmousedown |
a user presses a mouse-button |
| onmousemove |
a cursor moves on an object |
| onmouseover |
a cursor moves over an object |
| onmouseout |
a cursor moves off an object |
| onmouseup |
a user releases a mouse-button |
| onreset |
a user resets a form |
| onselect |
a user selects content on a page |
| onsubmit |
a user submits a form |
| onunload |
a user closes a page |
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
|
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
|
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Promote collaboration among coworkers in your organization through project workspaces where others can efficiently find information and work together |
|
Personalize your company profile by bookmarking and organizing favorite content, uploading assets, posting photos, blogging, and more |
|
Interact with features like tagging, flagging, wikis and ratings found in the Web 2.0 Toolbox |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an
INSTANT DEMO or download a
FREE TRIAL today. |
|
HOME
Printer friendly page
