|
Compatibility:
IE5+ |
Description: |
The calendar behavior is used to provide a quick
and easy method for users to find and select a date. It can be used
in any situation where date input is required, such as on a web
page form, in utilities, or in applications.
|
|
|
|
Compatibility:
IE5+ |
Description: |
With Alienhead, users can position the various
fruits and nuts to make their favorite alien face. Behind this light-hearted
demo is some very serious technology. Dynamic HTML is supported
in Internet Explorer 4 and Internet Explorer 5.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This sample demonstrates how the style attribute
of a Button element can be changed through interactions with the
user. This technique makes the web-page more lively and interactive.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This example displays the current time immediately,
without server interaction. This sample requires neither animated
nor downloaded images. The document automatically re-flows based
on content changes. Authors can implement this clock easily and
quickly with just a few lines of code.
|
|
|
|
Compatibility:IE5+ |
Description: |
The colorpick behavior adds a color palette control
to a Web page. The color palette allows users to select a specific
color from the visual control. Selected colors are submitted as
hexadecimal values if the control is embedded within a form.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The coolbar behavior inserts an Explorer-style
toolbar into a Web page. Toolbars are a familiar interface for users,
and the coolbar behavior applies similar effects such as a 3-D border,
colored text, and images. Buttons can be added easily with the coolbutton
behavior, which includes the same effects as the coolbar as well
as ToolTips.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This sample shows how easy it is to specify different
cursor types, such as the default arrow, move, or hand cursors for
the mouse pointer. Other types of cursors supported include I-bar
for editable text, and an hourglass or watch to signify wait.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The dataselect behavior adds databinding capabilities
to the SELECT element. Web pages that include a data source object
can use dataselect to populate pull down menus and multi-select
menus with field values from the data source.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This sample demonstrates how CSS style can be
changed through interactions with the user. This technique makes
the Web page more lively and interactive.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The menu behavior allows authors to create expanding
and collapsing menus on Web pages. Each menu node can enclose other
nodes or standard HTML elements, such as an anchor.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This sample demonstrates the filter transition
effect.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The imageRollover behavior provides a script-free
method for web page authors to add rollover effects to images. It
also adds limited button-like behavior by allowing the author to
specify a replacement image in response to user click. The images
used in this behavior will be downloaded and cached after the page
loads, or sooner if they are needed in response to a user action.
All methods and events are provided by the familiar events normally
provided by an image.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This sample shows how text can be replaced dynamically
by user-defined content, through the innerHTML property. The author
need not know in advance what the user will type; Dynamic HTML lets
users freely choose how to update this element on the fly.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The mask edit behavior is applied to INPUT elements
that allow data entry to provide a combination of restricted input
as well as formatted output. When information is entered, visual
cues are provided about the type of acceptable information, and
feedback about incorrect entries. The behavior can be applied to
many common types of forms fields, such as date, time, monetary,
percentage and phone number formats. These masks can be applied
through one of several preset formats.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This behavior allows the web author to make page
elements moveable via the mouse or through script. The movement
can be limited to a set area, or to horizontal or vertical movement
only.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The mpc behavior adds a multipage control to a
Web page. Authors can easily organize information using a common
interface that is familiar to most users. Each page is accessed
by a tab, which can be rendered at the top or bottom of the control.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This sample shows how to build an interactive
outline that expands and collapses. Click closed folders to open
them, and click open folders to close them. The items automatically
expand and collapse.
|
|
|
|
Compatibility:
IE5+ |
Description: |
A key criteria of an interactive Web page is that
page elements readjust automatically if a graphic is resized, as
demonstrated in this sample. This sample lets users replace a small
graphic with a larger graphic. Text surrounding the graphic re-flows
automatically as a result.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This is a great drag-layer script that allows you to
enable any layer to be dragable! Very easy to install and degrades well
with all browsers.
|
|
|
|
Compatibility:
IE5+ |
Description: |
This behavior adds striping, hovering and other
useful features to regular and data-bound table rows.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The slider behavior inserts a slider control into
a Web page and is a method for Web authors to allow users to select
a value from a gradient. A slider can be placed on the page with
a vertical or horizontal orientation. Values are selected by dragging
the slider with the mouse. Tick marks are provided according to
an author-specified range.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The soundRollover behavior provides a script-free
method for web page authors to add sound effects to elements to
make them respond to mouse interaction. In the past, some web sites
have used Java applets to create rollover sound effects because
Java provides a sound API. This behavior allows a similar effect
without the need for code.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The tooltip behavior allows web authors to add
a tooltip to any element on the page. Any HTML can be included in
the tooltip, including images and CSS formatting. Web authors can
also control the placement and duration of the tooltip.
|
|
|
|
Compatibility:
IE5+ |
Description: |
The script on this page performs tests to determine
whether the browser is running Internet Explorer. It creates a Boolean
"Expando" property on the window object "RunningIE4" and "RunningIE5"
that allows for easy checking in any scripts included later in the
page.
|
|
|
|
Compatibility:
IE5+ |
Description: |
There are two properties in CSS to hide and show
data: the display and visibility attributes. The visibility attribute
allows content to be hidden, with the content still taking up space
in the flow. The display attribute allows the content to be removed
from the flow, allowing creation of dynamic and interactive content
such as outlines. Of course both are supported by Dynamic HTML in
Internet Explorer 4.0. The example below demonstrates the difference
between dynamically changing the visibility and changing the display
of CSS properties.
|
|
|