|
|
|
Bluetooth: Personal Wireless Networking
If you've got a wireless network for your computers already,
well, you might get a bit excited about what I'm going to say
next. How would you feel if your PDA, your mobile phone, your
mp3 player and almost everything else you connect to...
Making the most of your webserver
When a company has a site they wish to host somewhere, especially small businesses with limited funds, they normally take advantage of special rates available from a hosting provider. There is nothing wrong with that, but it can cause some problems...
Using CSS with Tables
Tables are currently the most common method of laying
out/structuring a web page. Although the use of tables for this
purpose is considered, by many, to be a misuse, it is by far the
easiest way of organising web page content.
Most purists...
Web Design - 7 Key things to avoid
A search for "web design" on Google returns more than 325 million results. So how do we start eliminating all these so called designers? Here are a few of the most common shortcomings. Watch out for: 1. Templates
2. Subdomains
3. DIY...
Why Website Title Tags Are So Important
Ever notice that in the upper left corner of the main bar of the Internet Explorer (IE) browser (most statistics report 84% of Internet users or higher are using IE) there is some text on every website you visit? You can also usually see...
|
|
| |
|
|
|
|
|
|
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 image links and other page elements.
2. 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 properties of both HTML and Style Sheets.
The way JavaScript accesses the properties of an HTML document is through
the Document Object Model (DOM). The job of the DOM is to expose all the
attributes of HTML and Style sheets to JavaScript control. All you need to
know about the DOM is what JavaScript commands it accepts. Not that easy,
as different browsers have their slightly different versions of the DOM, so
they access HTML properties differently as well as display them differently.
So how do you locate an HTML element on a page and change its property?
This is the job of JavaScript. Obviously, I cant into all the details of
JavaScript or the DOM, but here is an example of how JavaScript can change a
visibility of a style sheet layer in both browsers.
Note: That every piece of HTML has a location much like a directory in a
phone book. When finding that piece of HTML you have to go through the same
hierarchy process of searching for a name in the phone book such as
(state) Washington -> (City) Seattle -> (Listings) j -> (Name) Jessica
In JavaScript, a reference to this would be equivalent to
washington.seattle.j.jessica
Now Jessica may have additional information such as her address and phone
number, so the JavaScript reference would be written this way.
washington.seattle.j.jessica.address
or
washington.seattle.j.jessica.phone
Lets transcribe the above metaphor to a DHTML document that contains a
A Hip-Hop Farewell
If <em>Day To Day</em> were a rap star, how would it say goodbye? "Peace out?" "I'm ghost?" "Let's shake the spot?" A quick look at bidding farewell with hip hop slang. Christopher Johnson
The Writer Who Gave 'Willy Wonka' His Ending
The film <em>Willy Wonka and the Chocolate Factory</em> was plenty strange. But the tale of how the ending for the movie was written is every bit as weird. Screenwriter David Seltzer tells the story.
The Authors Who Made My 'Day To Day'
As a correspondent for <em>Day to Day</em>, Karen Grigsby Bates often reported on books and their writers. She offers an essay musing on her time with the show, including some of her best moments with brilliant authors. Karen Grigsby Bates
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)
100px; height: 100px; z-index: 3; visibility: 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.
About the Author
Eddie Traversa
DHTML Nirvana http://nirvana.media3.net/ is a site
dedicated to exploring the possibilites of DHTML. It hosts free graphics,
dhtml templates and tutorials. Some of the tutorials emphasis is on
Flash/DHTML integration.
|
|
|
|
|
|