onbegin Event

  • Article

This topic documents a feature of HTML+TIME 2.0, which is obsolete as of Windows Internet Explorer 9.

Fires when the timeline starts on an element.

Syntax

Inline HTML <ELEMENT onbegin = "handler(event);" >
Event Property object.onbegin = handler;
attachEvent object.attachEvent( "onbegin", handler);
Named script <SCRIPT FOR = object EVENT = onbegin>

Event Information

Bubbles No
Cancels No
To invoke Set the element's begin time. The value of the element's begin time, which can depend on other elements, determines when the event actually fires.
Default action Calls the associated event handler.

Event Object Properties

Although event handlers in the DHTML Object Model do not receive parameters directly, a handler can query the event object for the following event properties.

Available Properties

srcElement Gets or sets the object that fired the event.
type Gets or sets the event name from the event object.

Refer to the specific event object for additional event properties.

Remarks

This event also fires for the element when the beginElement method is invoked on it. This event does not fire when the timeline on the element has a repeatCount greater than one. However, it fires if the parent element's repeatCount is greater than one.

Example

In this example, the onbegin event fires immediately when the element's timeline begins.

<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<TITLE>onbegin Event</TITLE>
<?IMPORT namespace="t" implementation="#default#time2">
<STYLE>
    .time {behavior:url(#default#time2);}
</STYLE>
</HEAD>

<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
    LINK="#000000" VLINK="#808080" ALINK="#000000">

<t:excl id="t1" begin="indefinite" dur="5" repeatCount="5" 
    onbegin="alert('Beginning!');">
    <t:ANIMATEMOTION ID="a1" targetElement="div1" to="200,0" begin="0" dur="2"
        autoReverse="true" />
</t:excl>

<DIV ID="div1" CLASS="time"
    STYLE="position:relative;top:15px;left:25px;height:100px;width:100px;
        background-color:yellow;text-align:center;font-size:large;
        border:solid black 1px">Moving DIV
</DIV>

<P style="position:relative;top:40px;left:45px;">
<BUTTON id="b1" onclick="t1.beginElement();">Start</BUTTON>
<BUTTON id="b4" onclick="t1.endElement();">Stop</BUTTON>
</P>
</BODY>
</HTML>

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/onbegin.htm

Applies To

t:TRANSITIONFILTER, t:ANIMATE, t:ANIMATECOLOR, t:ANIMATEMOTION, t:ANIMATION, t:AUDIO, t:IMG, t:MEDIA, t:PAR, t:REF, t:SEQ, t:SET, time2, t:VIDEO

See Also

onend, Introduction to HTML+TIME