Share via

onreverse 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 on an element begins to play backward.

Syntax

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

Event Information

Bubbles No
Cancels No
To invoke Set the AUTOREVERSE attribute on the element to true.
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

If the element has a repeatCount greater than one, this event fires every time the timeline begins to play backward.

Example

This example causes the onreverse event to fire when the timeline is set to play backward.

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

<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>

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

<t:excl AUTOREVERSE="true" DUR="6" repeatCount="indefinite"
    onreverse="alert('Reversing');">
    <DIV ID="div1" CLASS="time" BEGIN="0" DUR="2">First line of text.</DIV>
    <DIV ID="div2" CLASS="time" BEGIN="2" DUR="2">Second line of text.</DIV>
    <DIV ID="div3" CLASS="time" BEGIN="4" DUR="2">Third line of text.</DIV>
</t:excl>

</BODY>
</HTML>

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

Applies To

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

See Also

Introduction to HTML+TIME