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 »DHTML Tutorial
Working with HTML DOM (Document Object Model) In DHTML
The DOM is the Document Object Model. The BOM is the Browser Object Model. The DOM is nested inside the BOM. This may not make any sense, so let’s look at what it means. Imagine a …
Read More »What Is DOM Collections In DHTML?
DOM Collections 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 changes the displayed …
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 »What Is Status and Default Status In DHTML?
As with the DOM, we can read/write various parts of the BOM. The status line at the base of a browser screen can be read or written to using the window.status property. If the status …
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 »Hierarchical Structure Of DOM In DHTML
Document Object Model The Document Object Model has been around since browsers support JavaScript. From Netscape 2 onwards, web programmers wanted to access bits of HTML and change its properties. For instance, when you …
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 »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 is related to the document …
Read More »What Is Onmouseover And Onmouseout Events?
One of the most common uses for an event handler is to display a message on the status line when the user moves the mouse over a link. For example, moving the mouse over the …
Read More »