Archive for September, 2009

DHTML Introduction

DHTML is the art of making HTML pages dynamic!
DHTML is a combination of technologies used to create dynamic and interactive Web sites.
To most people DHTML means a combination of HTML, Style Sheets and JavaScript.
DHTML DOM Reference
At CodeDcode you will find a complete DHTML DOM reference of all the DOM objects, along with their properties and [...]

DHTML CSS

Which Attributes can be Used with CSS-P?
First, the element must specify the position attribute (relative or absolute).
Then we can set the following CSS-P attributes:

left – the element’s left position
top – the element’s top position
visibility – specifies whether an element should be visible or hidden
z-index – the element’s stack order
clip – element clipping
overflow – [...]

DHTML Document Object Model

The Document Object Model gives us access to every element in a document.

Note: Most of the DHTML examples require IE 4.0+, Netscape 7+, or Opera 7+!
How to access an element?
The element must have an id attribute defined and a scripting language is needed. JavaScript is the most browser compatible scripting language, [...]

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 [...]

DHTML Summary

DHTML Summary
This tutorial has taught you how to use DHTML to create more dynamic and interactive Web sites.
You have learned how to use the combination of HTML, CSS and JavaScript to animate HTML documents.

Now You Know DHTML, What’s Next?
The next step is to learn about the HTML DOM and ASP.
HTML DOM
The HTML DOM [...]