HTML.co.uk

When setting out to write the dynamic HTML, you’ll need to understand various ways where you will be able to impact the elements on pages. Normally, elements will be able to have one more of following attributes that will indicate an action moment in referencing the page. Once you have decided on when you will want to make the dynamic action to occur, you can add up your scripting language to anyone of these attributes and make the element more dynamic.

Some Notes
The common way to write all these attributes is with the mixed case but with the XHTML, the attributes must be written in lower case. This will mean that OnClick and onclick means same thing but in XHTML, onclick is valid.
Finally, all these attributes are very much valid but not all the browsers will support them in same ways, so you have to be sure to test your own scripts just before releasing them.

Event that are mouse related.
Onclick
Onclick attribute is the one which is commonly used DHTML attributes. This will tell browser to implement all the scripts when element is clicked rightaway with the mouse or with the pointer.
The onclick attribute will work with all element but will not work with few and they are title, style, script, param, Meta, isindex, iframe, HTML, head, frameset, frame, font, br, bdo, basefont, base and applet.

Ondblclick
Just like onclick attribute, this ondblclick attribute will take effect when element is double clicked. This not commonly found on the web pages but will give your WebPages the same functionality as that of OS icon.
The ondclick attribute will work with all element but will not work with few and they are title, style, script, param, Meta, isindex, iframe, HTML, head, frameset, frame, font, br, bdo, basefont, base and applet.

Onmousedown
When the pointer or mouse button is pressed down the element, the onmousedown attribute will activate.
The onmousedown attribute will work with all element but will not work with few and they are title, style, script, param, Meta, isindex, iframe, HTML, head, frameset, frame, font, br, bdo, basefont, base and applet.

Onmouseup
When the pointer or mouse button is released down the element, the onmouseup attribute will activate.
The onmouseup attribute will work with all element but will not work with few and they are title, style, script, param, Meta, isindex, iframe, HTML, head, frameset, frame, font, br, bdo, basefont, base and applet.

Onmousemove
When the pointer or mouse is moved within that element, then the onmousemove attribute will be activated.
The onmousemove attribute will work with all element but will not work with few and they are title, style, script, param, Meta, isindex, iframe, HTML, head, frameset, frame, font, br, bdo, basefont, base and applet.

Onmouseout
When the pointer or mouse is moved off from the element, the onmouseout attribute will be activated.
The onmouseout attribute will work with all element but will not work with few and they are title, style, script, param, Meta, isindex, iframe, HTML, head, frameset, frame, font, br, bdo, basefont, base and applet.

Onmouseover
When the pointer or mouse is moved on to the element, the onmouseover attribute will be activated.
The onmouseover attribute will work with all element but will not work with few and they are title, style, script, param, Meta, isindex, iframe, HTML, head, frameset, frame, font, br, bdo, basefont, base and applet

When anyone says that they use DHTML (Dynamic HTML), what does that mean really? The DHTML is basically made of 4 things and they are

1.Valid HTML or XHTML
2.Cascading Style Sheets (CSS)
3.JavaScript
4.DOM (“The Document Object Model”)

If you use the JavaScript in order to interact with the customers, you might have created the dynamic page but you will really do not have DHTML until and unless you use all the 4 parts into it. Interaction between the 4 elements will give your readers an experience that will use all the powers of the 4.0 browsers.

One of the best sources to learn the DHTML is by the books that are written by some of the experts. The books written by the experts will let you know on all the things such as DOM, JavaScript, CSS, and HTML

HTML 4.0 References
The very first thing that you must learn while starting off with the DHTML is the XHTML or HTML 4.0. Both the XHTML and HTML 4.0 are optimized for the DHTML and have the hooks built inside it in order to interact with DOM more seamlessly.
The structure of HTML 4.0 document from Web Design Group
This document will definitely give you a good overview on how the HTML 4.0 document will work exactly, that includes the structure of tags, on how to escape from the special characters, and at the end an HTML 4.0 validator as well.

JavaScript for the DHTML References
The JavaScript will be tricky as well but is an essential part of the DHTML pages.

CSS (“Cascading Style Sheets References”)
Along with the HTML coders who have designed HTML at their heart, CSS is the best tool that has ever come up with it.
The “Style Sheet Dependence” from Web Design Group
While most of the people are making use of the modern browsers, if at all you miss use the CSS, then you will be able to get some of the pages which will be pretty awful and this article will show on how to avoid this to happen.

DOM (“Document Object Model References”)
The DOM or “Document Object Model References” is one of the newest members of HTML family and also it is one of the hardest to master as it is very much stiff enough. You will definitely understand Dynamic HTML if you understand the DOM as it will be very much useful and important as well.
The DOM (“Document Object Model References) from W3
If at all you would want to start to learn the DOM, you must start at from the source.

Learning the Dynamic HTML
One of the best ways to learn the Dynamic HTML is by playing with it. You will be able to use the tools such as FrontPage or Dreamweaver in order to get started with coding but if you really want to know on what the Dynamic HTML is based on, then you should jump into learn the JavaScript and HTML.

DHTML is really not a new pattern of HTML, but quite a new way of looking at it and controlling the standard HTML commands and codes.

When you’re thinking of DHTML, you should remember the qualities of the standard HTML and it should be remembered especially when once a page is loaded from a server and it will not be changed until and unless another request comes to that server. DHTML will give you additional control over the standard elements of HTML and also allows the user to change it any time even without returning to the main Web server.

There are actually 4 parts to DHTML:
Scripts
XHTML
CSS (Cascading Style Sheets)
DOM (Document Object Model)

DOM
Document Object Module (DOM) is the one that allows you to get the access for any part of the Webpage and to change the Webpage using the DHTML. By DOM, all the parts of the Webpage are specified and you can even access and also change their properties by using its consistent naming conventions.

Scripts
Scripts that are written in either ActiveX or JavaScript are the two common writing or scripting languages that are used to activate DHTML. In order to control the objects that are specified in the DOM, these scripting language are used.

CSS (Cascading Style Sheets)
Cascading Style Sheets are used in Dynamic HTML in order to control the feel and look of the Web page. These Style sheets will define the fonts and colors of the text, the images and background colors and also the placement of objects in the page. Using DOM and the scripting, you can even change the style of different elements.

XHTML
XHTML4.x or XHTML is used in order to create page for itself and also to build some of the elements for the DOM and CSS to work with. About XHTML for DHTML there is nothing more special– it is even more important to have a valid HTML, because there are more things to be worked on from it just more than the browser.

The Features that are included in DHTML
Actually there are 4 primary features of DHTML:
Data binding (Internet Explorer)
Changing the properties and tags
Dynamic fonts (Netscape Communicator)
Real time positioning

Changing the properties and tags
Changing the properties and tags are the most common uses of DHTML. DHTML will allow you to change the HTML qualities of tag depends on the outside event of the browser. You can even use DHTML to preload information into a page, and not to display the information until and unless the reader clicks on that specific link with the intention of clicking.

Real-time positioning
This DHTML will also allow you to play some of the games that are interactive with your readers or else animate some portions of your system screen.
Dynamic Fonts
Along with some dynamic fonts, the fonts can be encoded or downloaded with the page, so the page looks so stylish.
Data binding
This is a feature used in IE only. Data binding was developed by Microsoft in order to allow getting the databases from Web sites.