layer [myLayer] with style attributes
[top,left,width,height,z-index,visibility,etc] and the layer
contains a bit of text "myText" (Note that the visibility
attribute is set to hidden)
myText
In Netscape the address to the DIV layer "myLayer" is
document.myLayer
in Explorer it is
document.all.myLayer.style
The W3C way of identifying the address is
document.GetElementById(‘myLayer’).style
To access the properties such as visibility under "myLayer" you
would use these addresses.
Netscape
document.myLayer.visibility
Explorer
document.all.myLayer.style.visibility
W3C
document.getElementById(‘myLayer’).style.visibility
To change the visibility of this layer you would assign a value
to your JavaScript address.
Netscape
document.myLayer.visibility = "visible";
Explorer
document.all.myLayer.style.visibility = "visible";
W3C
document.getElementById(‘myLayer’).style.visibility=”visible”;
Now the previously hidden layer is now visible. This is
essentially how DHTML works, but understand there are hundreds
and hundreds of attribute properties for text, images, documents
and windows. Not all these properties are supported in both
browser and sometime accessing a property requires a few more
hurdles, but if you stick to the common denominator properties
both browser use then life it a bit easier. I recommend the
excellent DHTML reference book Dynamic HTML - The Definitive
Guide by Danny Goodman (O'Riley Books) It lists all of the DHMTL
properties and their cross browser compatibilities.
Spam emails More free articles
Related articles
|
More related feeds |
Web Design Level 5: DHTML (Introduction) DIT 15522 0802
DHTML (Introduction) Description This course introduces the student to JavaScript, the primary client-side scripting tool used on the Web. Robust in nature and easy on syntax, scripting languages like this allow you to add versatility ...DHTML-Introduction by Eddie Traversa
Think of DHTML as not a singular technology but a combination of three existing technologies glued together by the Document Object Model (DOM): 1. HTML - For creating text and image links and other page elements. ... DHTML introduction tutorial
DHTML is the art of combining HTML, JavaScript, DOM, and CSS. What you should already know Before you continue you should have a basic understanding of the following:. HTML; JavaScript; CSS. DHTML is Not a Language ... DHTML Introduction
Hi my name is Jon Howe. This is the first online class that I have ever taken. I really enjoy building websites and hope to learn many interesting techniques through this class. I have lived here in Idaho about a year and half. ... DHTML-Introduction
Think of DHTML as not a singular technology but a combination of three existing technologies glued together by the Document Object Model (DOM): 1. HTML - For creating text and im... Source: http://www.goarticles.com/cgi-bin/showa.cgi? ... DHTML Introduction to Scripting the DOM
Web lore has it that the DOM an off-putting, complicated and esoteric subject. However, the heart of the DOM is pretty straightforward. Simply put, the DOM allows you to dynamically change the page... [[ This is a content summary only. ... DHTML-Introduction
In some part of the world Internet is a big problem. I was searching internet for and in news I read that in China there is a hospital especially for Internet addicts. Maybe someday a hospital will be required for adsense addicts. DHTML-Introduction
Why do people still think that Elvis is alive? I mean, come on, people. Aren't there better things to concentrate on? I mean, after all, let's not forget the guy at the end of his days was a hopeless drug addict and was shooting up in ... DHTML Introduction...
CSS - Style Sheets for further formatting of text and html plus other added features such as positioning and layering content. 3. JavaScript - The programming language that allows you to accesses and dynamically control the individual ... DHTML and AJax
DHTML. DHTML Introduction; DHTML CSS; DHTML DOM; DHTML Events; DHTML Summary; DHTML menus; Events; Text formatting. Ajax. AJAX Intro; AJAX HTTP Request; AJAX Example; AJAX XMLHttpRequest; AJAX Server.
|
