onbegin Event (t:TRANSITIONFILTER, t:ANIMATE, t:ANIMATECOLOR, ...)

HTML (DHTML)

previous page next page

onbegin Event

Fires when the timeline starts on an element.

Syntax

Inline HTML <ELEMENT onbegin = "handler" ... > All platforms
Event property object.onbegin = handler JScript only
object.onbegin = GetRef("handler") Visual Basic Scripting Edition (VBScript) 5.0 or later only
Named script <SCRIPT FOR = object EVENT = onbegin> Internet Explorer only

Inline HTML	<ELEMENT onbegin = "handler" ... >	All platforms
Event property	object.onbegin = handler	JScript only
object.onbegin = GetRef("handler")	Visual Basic Scripting Edition (VBScript) 5.0 or later only
Named script	<SCRIPT FOR = object EVENT = onbegin>	Internet Explorer only

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.

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.

Available Properties

Available Properties
srcElement
type

srcElement
type

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>

This feature requires Microsoft?Internet Explorer 5.5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Standards Information

This event is a Microsoft extension to Synchronized Multimedia Integration Language (SMIL) .

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

	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