beginElement Method

MS Office DHTML, HTML & CSS

previous page next page

Click to return to the DHTML, HTML & CSS home page

addDABehavior Method

clearComponentRequest Met...

Default Behaviors Referen...

Web Workshop | DHTML, HTML & CSS

beginElement Method

This document describes technologies available as an experimental implementation of HTML+TIME within Internet Explorer 5. While we encourage you to evaluate these features and to send us your feedback Internet Link

, please note that these features are subject to change.

Starts the element on the timeline.

Syntax

object.beginElement()

Return Value

No return value.

Remarks

This method applies the same action as if the element's begin time is reached on the local timeline. When the beginElement method is called, the element begins. All time children elements are notified and aligned correctly to the local timeline.

Example

This example displays an image when the countdown reaches 0. Click the Restart Timeline button to restart the timeline with the beginElement method.

Sample Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<HTML>
<HEAD>
<XML:NAMESPACE PREFIX="t"/>
<STYLE>
.time        { behavior: url(#default#time);}
</STYLE>
</HEAD>
<BODY BGCOLOR="white">
<SPAN ID="sequence" CLASS="time" t:TIMELINE="seq">
    <SPAN CLASS="time" STYLE="Color:Red; font-size:20pt;" 
        t:TIMEACTION="display" t:DUR="1">5...
    </SPAN>
    <SPAN CLASS="time" STYLE="Color:Green; font-size:20pt;" 
        t:TIMEACTION="display" t:DUR="1">4...
    </SPAN>
    <SPAN CLASS="time" STYLE="Color:Blue; font-size:20pt;" 
        t:TIMEACTION="display" t:DUR="1">3...
    </SPAN>
    <SPAN CLASS="time" STYLE="Color:Orange; font-size:20pt;" 
        t:TIMEACTION="display" t:DUR="1">2...
    </SPAN>
    <SPAN CLASS="time" STYLE="Color:Purple; font-size:20pt;" 
        t:TIMEACTION="display" t:DUR="1">1...
    </SPAN><BR>
    <t:IMG CLASS="time" t:DUR="indefinite" 
    t:SRC="/workshop/graphics/sun.gif" />
</SPAN><BR>
<BUTTON ID="btn" onclick="sequence.beginElement();">
    Restart Timeline
</BUTTON>
<BR><BR>
</BODY>
</HTML>

This feature requires Internet Explorer 5 or later. Click the icon below to install the latest version. Then reload this page to view the sample.

Applies To

[ Object Name ]

Platform Version

Win16:

Win32:

Mac:

Unix:

WinCE:

Version data is listed when the mouse hovers over a link, or the link has focus.

animation, audio, img, media, par, seq, time, video