[Contents] [Prev page] [Next page] [Index]

Dynamic HTML in Netscape Communicator

Part 2. Positioning HTML Content

Contents

Chapter 7. Introduction

Overview
Positioning HTML Content Using Styles
Positioning HTML Content Using the <LAYER> Tag

Chapter 8. Defining Positioned Blocks of HTML Content

Absolute versus Relative Positioning.

Absolute Positioning
Relative Positioning

Attributes and Properties

POSITION
ID
LEFT and TOP
PAGEX and PAGEY
SRC and source-include
WIDTH
HEIGHT
CLIP
Z-INDEX, ABOVE and BELOW
VISIBILITY
BGCOLOR and BACKGROUND-COLOR
BACKGROUND and BACKGROUND-IMAGE
OnMouseOver, OnMouseOut
OnFocus, OnBlur
OnLoad

The <NOLAYER> Tag
Applets, Plug-ins and Forms

Chapter 9. Using JavaScript With Positioned Content

Using JavaScript to Bring Your Web Pages to Life
The Layer Object

The Document Property of Layers and the Layers Property of Documents
The Layer Object Properties
The Layer Object Methods

Creating Positioned Blocks of Content Dynamically
Writing Content in Positioned Blocks
Handling Events
Using Localized Scripts
Animating Positioned Content

Animating Images

Chapter 10. Fancy Flowers Farm Example

Introducing the Flower Farm
Creating the Form for Flower Selection
Positioning the Flower Layers

Chapter 11. Swimming Fish Example

Positioning and Moving the Fish and Poles

Defining the onLoad Handler for the BODY Element
Positioning the Fish and Poles
Defining the Form
Moving the Fish

Changing the Stacking Order of Fish and Poles

Adding Another Layer to Contain the Reverse Fish Image
Initializing the Fish to Have a Direction Variable
Moving the Fish Backward and Forward
Changing the Direction of the Fish
Changing the Stacking Order of the Poles and the Fish
Updating the Button That Gets the Fish Going

Chapter 12. Nikki's Diner Example

Content in the External Files
The File for the Main Page

Chapter 13. Expanding Colored Squares Example

Running the Example
Creating the Colored Squares

Definitions for the Layers

The Initialization Functions
The Last Layer
Moving the Mouse Over a Square
The expand() Function
The contract() Function
Styles in the Document

Chapter 14. Changing Wrapping Width Example

Running The Example
Defining the Block of Content
Capturing Events for the Layer
Defining the Dragging Functions

The begindrag() Function
The drag() Function
The enddrag() Function

[Contents] [Prev page] [Next page] [Index]

Last Updated: 08/07/97 15:21:59

Copyright © 1997 Netscape Communications Corporation