|
cybercoded.com | Articles | DHTML | back
| Article 1: What
is so Dynamic about Dynamic HTML? |
Synopsis:
Dynamic HTML, or DHTML, promises many things to Web developers, but as
we've learned from the past, DHTML has its limitations (namely, different
versions of the Document Object Model). This series of articles explores
the basic concepts of DHTML and provide you with examples to try out in
both IE and Netscape 4.
Techniques:
DHTML, Dynamic HTML, Objects, CSS, Cascading Style Sheets, Positioning,
all object, layer object, layer, div, span, ilayer, innerText, outerText,
innerHTML, outerHTML, styles, altering content, text rollovers |
| Article 2: Dynamic
Positioning |
Synopsis:
How to use the positioning abilities of Dynamic HTML to create dynamic
positioning, dynamic 'tooltips', placement, movement, and clipping effects
Techniques:
DHTML, Dynamic HTML, JavaScript, Layers, DIV, SPAN, layers, clipping,
style, all, zIndex |
| Article 3: Introduction
To Microsoft Layers |
Synopsis:
In this article we introduce you to layers compatible with both NN4 and
MSIE4. You will learn how to show images and text using layers. Layers
enable you to position text or pictures anywhere on the page. The layers
shown in this example are compatible with both NN4 and MSIE4, however the
section on altering the contents of layers is only suitable for MSIE4, as
NN4 does not provide support for innerText, outerText, innerHTML and
outerHTML layer properties.
Techniques:
Microsoft Layers, DHMTL, DIV, Style Sheets, CSS, STYLE, absolute position,
relative position, visibility, layer properties, innerText, outerText |
| Article 4: Family
Tree |
Synopsis:
Shows how to create a dynamic Family Tree that you can navigate around. It
uses arrays to hold the data to be displayed in the Family Tree. The
example included uses the British Royal Family to demonstrate the varying
amounts of information that can be held.
Techniques:
Frames, objects, document.open(), document.write(), document.close(),
dates, age, date of birth, onMouseOver, onMouseOut, dynamic content, this |
| Article 5: Redirecting
The Visitor |
Synopsis:
Have you ever wanted to display a different page in another language for
non-English visitors to your site? This article explains how, in Netscape
Navigator 4 and Microsoft Internet Explorer 4, you can trap which language
the visitors browser is using and then show them either a pre-translated
version of your page. For Microsoft Internet Explorer 4 the article also
shows how to use page transitions to dissolve a document into the
translated document.
Techniques:
navigator, language, browserLanguage, substring, RevealTrans, transitions,
setTimeout |
|
NEXT 5
|
|
cybercoded.com | Articles | DHTML |
back
|
