문서 타이머: 0

Title: 
Author: 
Abstract: 
Copyright: 
Banner: 
Abstract for banner: 
More information of banner: 



다음 트랙이나 이전 트랙 단추를 클릭하면 ontrackchange이벤트가 발생되고,
Banner, Abstract와 MoreInfo 속성들이 이벤트개체모델에 의해 얻어진다.

 
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<TITLE>MoreInfo Property</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<LINK rel="stylesheet" type="text/css" href="../../public/jscript.css">
<IMPORT namespace="t" implementation="#default#time2">
<STYLE>.time{ behavior: url(#default#time2);}</STYLE>
<SCRIPT language="JavaScript">
function updateBtns() {
  if(m1.currTimeState.isActive){
    b0.disabled=true;
    b1.disabled=false;
    b2.disabled=false;
    b3.disabled=false;
  }else{
    b0.disabled=false;
    b1.disabled=true;
    b2.disabled=true;
    b3.disabled=true;
  }
}
function updateFields(){
  title1.innerText = m1.playList.activeTrack.title;
  author1.innerText = m1.playList.activeTrack.author;
  abstract1.innerText = m1.playList.activeTrack.abstract;
  copyright1.innerText = m1.playList.activeTrack.copyright;
}
function emptyFields(){
  title1.innerText = ' ';
  author1.innerText = ' ';
  abstract1.innerText = ' ';
  copyright1.innerText = ' ';
  banner1.innerText = ' ';
  bannerabstract1.innerText=' ';
  bannermoreinfo1.innerText = ' ';
}
function trackChange(){
  banner1.innerText = event.Banner;
  bannerabstract1.innerText = event.Abstract;
  bannermoreinfo1.innerText = event.MoreInfo;
}
</SCRIPT>
</HEAD>

<BODY onload="updateBtns()">

<BR>
<P style=margin-left:5em>문서 타이머:
<B><SPAN id="Timer1" class="time" dur=".01" repeatCount="indefinite" fill="hold"
  onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</SPAN></B>
</P>

<T:media id="m1" begin="0;indefinite;"
  src="http://msdn.microsoft.com/workshop/samples/author/behaviors/media/media.asx"
  onmediacomplete="updateFields();updateBtns();"
  ontrackchange="trackChange()"/>

<TABLE border=0 cellpadding=3 cellspacing=3 width=600 bgcolor=ffffdd style=margin-left:5em>
<COL style=text-align:right;color:navy;width:49%><COL style=padding:3><COL style=color:blue;width:49%>
<TR><TD>Title</TD><TD>:</TD><TD> <SPAN id="title1"></SPAN></TD></TR>
<TR><TD>Author</TD><TD>:</TD><TD> <SPAN id="author1"></SPAN></TD></TR>
<TR><TD>Abstract</TD><TD>:</TD><TD> <SPAN id="abstract1"></SPAN></TD></TR>
<TR><TD>Copyright</TD><TD>:</TD><TD> <SPAN id="copyright1"></SPAN></TD></TR>
<TR><TD>Banner</TD><TD>:</TD><TD> <SPAN id="banner1"></SPAN></TD></TR>
<TR><TD>Abstract for banner</TD><TD>:</TD><TD> <SPAN id="bannerabstract1"></SPAN></TD></TR>
<TR><TD>More information of banner</TD><TD>:</TD><TD> <SPAN id="bannermoreinfo1"></SPAN></TD></TR>
</TABLE><BR>
<DIV style=margin-left:15em>
<BUTTON id="b0" onclick="m1.beginElement();updateFields();updateBtns();">시작</BUTTON>
<BUTTON id="b1" onclick="m1.playList.prevTrack();updateFields();">이전트랙</BUTTON>
<BUTTON id="b2" onclick="m1.playList.nextTrack();updateFields();">다음트랙</BUTTON>
<BUTTON id="b3" onclick="m1.endElement();emptyFields();updateBtns();">중지</BUTTON><BR>
</DIV><BR>