Breaking News

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 (Dynamic HTML)?

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 …

Read More »

What Is 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 Sheets. Styles allow us to …

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: “). Dynamic Properties allows you …

Read More »

What Is Window Object?

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 at least) a universal browser-independent document …

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 ability to read and write …

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   This object holds all the …

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 these is beyond the scope …

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.   Example: document.getElementsByTagName(“TD”).item(0)   In …

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 evolving environment, and Web pages …

Read More »