September 22, 2000 - Synchronized Document Reflowing | WebReference

September 22, 2000 - Synchronized Document Reflowing

Yehuda Shiran September 22, 2000
Synchronized Document Reflowing
Tips: September 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

In Internet Explorer's HTML+TIME, when you specify TIMEACTION="visibility", the element becomes invisible, but still occupies space on the page. When you specify TIMEACTION="display", it causes the page to reflow and reclaim the space emptied by the element that is no longer displayed. Try this slide show now. Observe how slides change their location after previous slides disappear and make room for each other. Here is the complete listing:

<HTML>
<HEAD>
<TITLE>Simple HTML+TIME Example</TITLE>
<STYLE>
  .mytime {behavior: url(#default#time2);}
</STYLE>
</HEAD>
<BODY>
<H1 CLASS="mytime" BEGIN="4" DUR="6" 
    TIMEACTION="style" STYLE="color:magenta">Time Action Demo</H1>
<IMG CLASS="mytime" SRC="slide1.gif" DUR="7" TIMEACTION="display">
<IMG CLASS="mytime" SRC="slide4.gif" 
     BEGIN="2" DUR="7" TIMEACTION="display"><BR>
<IMG CLASS="mytime" SRC="slide5.gif" 
     BEGIN="4" DUR="7" TIMEACTION="display">
<IMG CLASS="mytime" SRC="slide6.gif" 
     BEGIN="6" DUR="7" TIMEACTION="display">
</BODY>
</HTML>

Learn more about HTML+TIME in Column 67, Introduction to HTML+TIME.