![]() |
Creating style sheets with JSSS![]() ![]() ![]() ![]() ![]()
The three new objects used with JSSS represent the three basic, parts of styletags, classes, and ids.
Tags are the actual mark up elements used in HTML. They are children of the document object, so the syntax to access them is document.tags.tagname, in which tagname is one of the valid HTML tags, such as H1, STRONG, or A. Classes are a further division of tags. For example, remember the left and right version of a <P>. Classes are also children of document, so their syntax is document. classes. classname [.tagname] in which classname is the identifier for your class and tagname is an optional identifier for a specific tag to which it applies. A special value for tagname is all, which indicates that the class can be used with any tag on the page. IDS are the unique identifiers for each individual tag. Think of it as the name for each tag the first <H> could be "Ed" <H1 id="Ed">, the second <H1 > could be "Bob" ( , and so on.The ID is also a child of document and uses the syntax document. ids.idname, in which idname is the name of the id attribute. In the first preceding example, it is document. ids. Ed. By using all three of these new JavaScript objects, you can set the vaue of any style attribute within the document. The caveat to all of this is that you can modify JSSS only when the page loads. After the browser is finished parsing the page, the styles are set you can't go back with Netscape Navigator and change attributes as you can with the Microsoft Internet Explorer model.
|
|
Domain NamesDHTML Document Object Model Features of Dynamic HTML HTML Versus DHTML Netscape's Vision of DHTML Microsoft Vision of DHTML Cascading Style Sheets(CSS) Inline Style Sheets Embedded Style for a Page Linked Cascading Style Sheet Text Specific Style AttributesCSS Attributes Assigning Classes Java Script Style Sheets(JSSS) Object Property Functions Methods
Creating Style Sheets with JSSS New JSSS Methods Working Layers Positioning the Layer Using More than One Layer Moving a Layer Around on the Page Events
The mouseOver and mouseOut Events The mouseMove Event The Keyboard Events The mouseDown and mouseUp Events The dragDrop Event Error Event Form Event The Script Tag Changing Text Color Inline Text Attribute Changes Text Dynamically Changing StylesExample of Dynamically Changing Style Dynamically Changing Content HTML Replacement Changing Text Content An Example of HTML Graphics ReplacementWeb DesignWeb HostingE Commerce |
| Home | Web Hosting | Web Design | Sitemap |
| Copyright (C) 2007. Web Domain design hosting. All rights reserved. |