Home / DHTML Tutorial

DHTML Tutorial

DHTML stands for Dynamic HTML.

Dynamic HTML, a combination of HTML enhancements, scripting language and interface that are used to deliver animations, interactions and dynamic updating on web pages. The two major elements are the ECMAScript language and the DOM object model. ECMAScript is a derivative of JavaScript, and DOMis an interface that presents the HTML document to the programmer as an object model for ease in updating.

DHTML is not a standard defined by the World Wide Web Consortium (W3C). DHTML is a “marketing term” – used by Netscape and Microsoft to describe the new technologies the 4.x generation browsers would support. DHTML is a combination of technologies used to create dynamic Web sites.

Staying on the cutting edge of web design is a hard but important thing to do. One of the buzzwords around the net is DHTML and DOM. No doubt you may have wondered exactly what in the world they are. DHTML, Dynamic HTML, allows you to alter the display of your page after it has loaded.

You must’ve seen neat DHTML effects at numerous sites on the net. And if you’ve ever looked at some code there, you may have given up on ever coding DHTML. However, don’t give in just yet. DHTML is really fun and easy. In fact, it is merely a combination of a scripting language, CSS (Cascading Style Sheets), and HTML.

Why we need DHTML?

Straightforward text is too dull for the mass-market of the Internet, and we need more complex and interesting structures to display an ever-increasing amount of data. So HTML was born.

 

What is DHTML ?

DHTML stands for Dynamic HTML. Dynamic HTML, a combination of HTML enhancements, scripting language and interface that are used to deliver animations, interactions and dynamic updating on web pages. The …

Read More »

DOM Collections In DHTML

As we know, the DOM stores the objects of a document and information relevant to these objects, and allows JavaScript to access the information and alter it. Changing the DOM …

Read More »

Dynamic Styles In DHTML

As the Internet gained popularity, HTML became increasing weakened. People started demanding more and more features, and this caused the creation of DHTML. It also created CSS, or Cascading Style …

Read More »

Dynamic Expressions In DHTML

One interesting DHTML feature in IE5+ that never quite made it into the spotlight is Dynamic Properties. By their very nature, properties defined in HTML are static, non changing (ie: …

Read More »

Window Object In DHTML

The Object Model in Overview   The browser object model can be thought of as physically part of the software that forms the browser, while Dynamic HTML is (in theory …

Read More »

Frames In DHTML

Frames proved to be a valuable extension to the HTML language, allowing multiple documents to be displayed in a single browser. With DHTML, frames become even more powerful, with the …

Read More »

Windows Child Object In DHTML

The window object also has child objects, which contain related information about the browser. Commonly-used child objects include:   • Navigator • History • Location   The navigator object   …

Read More »

InnerText & InnerHTML In DHTML

The entire DHTML language is fairly substantial. It contains keywords for all sorts of things – dynamic event handling, text substitution, dynamic element creation, and so on. A discussion of …

Read More »

Accessing Elements through DOM In DHTML

We can access an element (e.g., a layer) by it’s ID with document.getElementById(ID). We can also access element nodes with document.getElementsByTagName(tagName). That returns an array of elements with that tagName. …

Read More »

Introduction of Events In DHTML

“Events are the heart of any JavaScript application. Events are used to add interactivity to the page. Without events interactivity can not be imagined.”   The Web is an ever …

Read More »

Onload & Onunload Events In DHTML

Some o the frequently used events are onLoad and onunload. Onload event occurs when the current page (including all of its images) finishes loading from the server. The onLoad event …

Read More »