home *** CD-ROM | disk | FTP | other *** search
/ PC World 2002 October / PCWorld_2002-10_cd.bin / Software / TemaCD / wmp9beta / mpsetup.exe / wmploc.DLL / HTML / BARBUTTON.HTC < prev    next >
Encoding:
HTML Component  |  2002-08-19  |  2.2 KB  |  76 lines
  1. <PUBLIC:COMPONENT lightWeight=true>
  2. <PUBLIC:EVENT name="onbuttonclick" ID=doclick>
  3. <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="load()" />
  4. <PUBLIC:ATTACH EVENT="onmouseout"  ONEVENT="mouseout()" />
  5. <PUBLIC:ATTACH EVENT="onmouseover"  ONEVENT="mousemove()" />
  6. <PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="mousedown()" />
  7. <PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="mouseup()" />
  8. <PUBLIC:PROPERTY NAME="text" PUT="setText" GET="getText" />
  9.  
  10. <SCRIPT LANGUAGE="JScript">
  11.  
  12. var g_sText, fLoaded = false;
  13. function load() 
  14. { 
  15.     var s = '<table border=0 cellpadding=0 cellspacing=0><tr>';
  16.     s += '<td height=18 width=9 style="cursor:default"><img id="' + element.uniqueID + 'left" style="display:none" border=0 src="images\\hover-left.gif"></td>';
  17.     s += '<td height=18 id="' + element.uniqueID + 'mid" style="cursor:default; background: transparent x repeat-x top left" class=textTitle>' + g_sText + '</td>';
  18.     s += '<td height=18 width=9 style="cursor:default"><img id="' + element.uniqueID + 'right" style="display:none" border=0 src="images\\hover-right.gif"></td></tr></table>';
  19.     element.innerHTML = s; 
  20.     fLoaded = true;
  21. }
  22.  
  23. function setText(sText)
  24. {
  25.     g_sText = sText;
  26.     if (fLoaded)
  27.         element.document.all(element.uniqueID + 'mid').innerText = g_sText;
  28. }
  29.  
  30. function getText()
  31. {
  32.     return g_sText;
  33. }
  34.  
  35. function setImage(iMode) 
  36. {  
  37.     var sKey, sDisplay, id, a;
  38.     
  39.     sDisplay = 'inline';
  40.     if (iMode == 1)
  41.         sKey = 'hover';
  42.     else if (iMode == 2)
  43.         sKey = 'down';
  44.     else
  45.     {
  46.         sKey = 'normal';
  47.         sDisplay = 'none';
  48.     }
  49.         
  50.     a = element.document.all;
  51.     id = element.uniqueID;
  52.     
  53.     a(id + 'left').src = 'images\\' + sKey + '-left.gif';
  54.     if (sKey == 'normal')
  55.         a(id + 'mid').style.backgroundImage = '';
  56.     else
  57.         a(id + 'mid').style.backgroundImage = 'url(images\\' + sKey + '-center.gif)';
  58.     a(id + 'right').src = 'images\\' + sKey + '-right.gif';
  59.     a(id + 'left').style.display = sDisplay
  60.     a(id + 'right').style.display = sDisplay
  61. }
  62.  
  63. function mouseout() { setImage(0); }
  64. function mousemove() { setImage(1); }
  65. function mousedown() { setImage(2); }
  66.  
  67. function mouseup() 
  68. { 
  69.     setImage(1);
  70.     var e = createEventObject();
  71.     doclick.fire(e); 
  72. }
  73.  
  74. </SCRIPT>
  75. </PUBLIC:COMPONENT>
  76.