½ºÅ¸ÀÏ ÇÊÅÍ°¡ º¯°æµÇ°Å³ª º¯È¯À» ¿Ï·áÇÏ¸é ¹ß»ýµÈ´Ù.


À̺¥Æ® ¼Ó¼º
object.onfilterchange=handler JScript ¸¸-
object.onfilterchange=GetRef('handler') VBScript 5.0-
ÀζóÀÎ HTML <ELEMENT onfilterchange="handler"> ¸ðµç Ç÷§Æ®Æû
¸í¸íµÈ ½ºÅ©¸³Æ® <SCRIPT for=object event=onfilterchange> Explorer-
À̺¥Æ® Ư¼º
Bubbles ¾øÀ½
Ãë¼Ò ºÒ°¡
¹ß»ý ¿øÀÎ ÇÊÅÍÀÇ »óÅ°¡ º¯°æµÇ¸é ¹ß»ýµÈ´Ù.
µðÆúÆ® ÀÛ¿ë °³Ã¼ÀÇ ÇÊÅÍ(filter)°¡ º¯°æµÇ¾ú´Ù´Â ½ÅÈ£¸¦ º¸³½´Ù.
HTML ±Ô°Ý ºñ±Ô°Ý IE È®Àå.

DHTML °³Ã¼ ¸ðµ¨¿¡¼­ À̺¥Æ®Ã³¸®ÀÚ´Â ÆĶó¸ÞÅ͵éÀ» Á÷Á¢ ¹ÞÁö´Â ¸øÇصµ, event°³Ã¼ÀÇ Äõ¸®¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù.

altKey ALT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
altLeft ¿ÞÂÊ ALT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
cancelBubble ÇöÀç À̺¥Æ®°¡ À̺¥Æ®Ã³¸®ÀÚµéÀÇ °èÅëµµ¿¡¼­ ¹öºí¾÷(bubble up)ÇÏ¿©¾ß Çϴ°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ctrlLeft ¿ÞÂÊ CTRL Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
shiftLeft ¿ÞÂÊ SHIFT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
srcElement À̺¥Æ®¸¦ ¹ß»ý½ÃŲ °³Ã¼¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
srcFilter onfilterchange À̺¥Æ®¸¦ ¹ß»ý½ÃŲ filter °³Ã¼¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
type À̺¥Æ® °³Ã¼ÀÇ À̺¥Æ® ¸íĪÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
Àû¿ë
°³Ã¼scriptHTMLIE


RevealTrans ÇÊÅ͸¦ »ç¿ëÇÑ onfilterchange À̺¥Æ® ¿¹Á¦

ÇÊÅÍµÈ ¹®ÀÚ¿­.
ÇÊÅÍµÈ ¹®ÀÚ¿­.
ÇÊÅÍµÈ ¹®ÀÚ¿­.
ÇÊÅÍµÈ ¹®ÀÚ¿­.
ÇÊÅÍµÈ ¹®ÀÚ¿­.
<DIV id="txtDiv"
  style="position:relative;border:solid 2 red;background-color:lightblue;left:0;top:0;width:300;height:108;visibility:visible;
  filter:revealTrans(Transition=10,Duration=2)" onfilterchange="initialize()">ÇÊÅÍµÈ ¹®ÀÚ¿­.<BR>
  ÇÊÅÍµÈ ¹®ÀÚ¿­.<BR>ÇÊÅÍµÈ ¹®ÀÚ¿­.<BR>ÇÊÅÍµÈ ¹®ÀÚ¿­.<BR>ÇÊÅÍµÈ ¹®ÀÚ¿­.</DIV>
<DIV id="imgDiv"
  style="position:relative;border:solid 2 blue;left:0;top:-110;width:300;height:108;visibility:hidden;
  filter:revealTrans(Transition=11,Duration=1)">
<IMAGE id=imgObj src="../../gif/rfexample.gif" width=300 height=108></DIV>
<SCRIPT>
document.onload=initialize();
function initialize(){
  txtDiv.filters.revealTrans.Apply();
  imgDiv.filters.revealTrans.Apply();
  Start();
}
function Start(){
  if (txtDiv.style.visibility=='visible'){
    txtDiv.style.visibility='hidden';
    imgDiv.style.visibility='visible';
  } else {
    txtDiv.style.visibility='visible';
    imgDiv.style.visibility='hidden';
  }
  txtDiv.filters.revealTrans.Play();
}

function onfilterchangeDo(){
  if (txtDiv.filters.revealTrans.Status==0) imgDiv.filters.revealTrans.Play(1.5);
}
</SCRIPT>