BEGINWITH Attribute | beginWith Property

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, please note that these features are subject to change.

Sets or retrieves a value that starts an element's timeline at the same time as the referenced element.

Syntax

HTML <ELEMENT STYLE="behavior:url(#default#time);" t:BEGINWITH = sID... >

Scripting object.beginWith [ = sID ]

HTML	<ELEMENT STYLE="behavior:url(#default#time);" t:BEGINWITH = sID... >
Scripting	object.beginWith [ = sID ]

Possible Values

sID String that specifies the unique identifier of another element within the current time scope. The timeline on the current element starts when this referenced element starts. For more information about time scope, see the Remarks section.

The property is read/write with no default value. This property cannot be modified in script after the onload event fires on the document body.

Remarks

This property supports relative timing between elements. You can offset the start time by specifying a nonzero value for the BEGIN attribute on the element. This indicates that the timeline should start a specified amount of time after the referenced element starts. This property cannot be used on the same element as the BEGINAFTER or BEGINEVENT property.

The current time scope is defined by the closest parent time container created with the TIMELINE attribute or the PAR or SEQ element. All timed elements within the same parent time container (time siblings) share the current time scope. If no time containers are explicitly declared, the document root is defined as the parent time container. In this case, all timed elements in the document would share the current time scope. If you need to create begin dependencies between elements in different time scopes, use the BEGINEVENT attribute instead.

The prefix t is used to associate this attribute with an XML namespace.

Example

This example uses the the BEGINWITH and BEGIN attributes to make a paragraph appear two seconds after the first one appears.

Sample Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<HTML>
<HEAD>
<STYLE>
.time        { behavior: url(#default#time);}
</STYLE>
</HEAD>
<BODY BGCOLOR="white">
<SPAN ID="span1" CLASS=time STYLE="COLOR:Red;" t:BEGIN="2" t:DUR="5"
    t:TIMEACTION="visibility">
    <H3>Paragraph 1</H3>
    <P>This is paragraph number one. It appears two seconds after 
    the page loads, and displays for five seconds.</P>
</SPAN>
<SPAN ID="span2" CLASS=time STYLE="COLOR:Blue;" t:BEGINWITH="span1"
    t:BEGIN="2" t:TIMEACTION="display">
    <H3>Paragraph 2</H3>
    <P>This is paragraph number two. It appears two seconds after 
    the first paragraph appears, and displays indefinitely.</P>
</SPAN>
</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