home *** CD-ROM | disk | FTP | other *** search
/ Minami 40 / MINAMI40.ISO / Extra / MPSetup.exe / 1033 / RCDATA / CABINET / wmploc.DLL / HTML / NAVBUTTON.HTC < prev    next >
Text File  |  2002-12-14  |  3KB  |  100 lines
  1. <PUBLIC:COMPONENT lightWeight=true>
  2. <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="load()" />
  3. <PUBLIC:PROPERTY NAME="enabled" PUT='setEnabled' GET='getEnabled'/>
  4. <PUBLIC:PROPERTY NAME="text" />
  5. <PUBLIC:PROPERTY NAME="image" />
  6. <PUBLIC:PROPERTY NAME="code" />
  7. <PUBLIC:ATTACH EVENT="onmouseout"  ONEVENT="mouseout()" />
  8. <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="mouseover()" />
  9. <PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="clickIt()" />
  10. <PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="clicked()" />
  11. <PUBLIC:METHOD NAME="colorChange" />
  12.  
  13. <SCRIPT LANGUAGE="JScript">
  14.  
  15. var iEnabled = 1, fLoaded = false;
  16. var aEnabled = new Array('#d6d6d6', 'white');
  17. var aImgExt = new Array('dis', 'def', 'hvr', 'dwn');
  18.  
  19. var ex;
  20.  
  21. function load() 
  22. { 
  23.     ex = window.external;
  24.     if (!ex.appColorLight)
  25.     {
  26.         ex = new Object;
  27.         ex.appColorButtonHoverFace = 'red';
  28.         ex.appColorButtonShadow = 'orange';
  29.         ex.appColorButtonHighlight = 'purple';
  30.     }
  31.     
  32.     var s = '<table title="' + text + '" style="cursor:default; border:1 solid; border-color: ' + getCurrentColor() + '" id="' + element.uniqueID + 'button" border=0 height=22 cellpadding=0 cellspacing=0><tr>';
  33.     s += '<td width=2></td><td><img height=15 align=absmiddle border=0 id="' + element.uniqueID + 'img" src="nav\\' + image + '-' + aImgExt[iEnabled] + '.gif"></td><td width=4></td>';
  34.     s += '<td nowrap class=smtext id="' + element.uniqueID + 'text"><a href="X" onclick="return false" id="' + element.uniqueID + 'link" style="color:' + aEnabled[iEnabled] + '" class=smtext>' + text + '</a></td><td width=6></td>';
  35.     element.innerHTML = s + '</tr></table></td></tr></table>';
  36.     fLoaded = true;
  37. }
  38.  
  39. function setEnabled(iE)
  40. {
  41.     if (iE == 0)
  42.         iEnabled = 0;
  43.     else
  44.         iEnabled = 1;
  45.  
  46.     if (fLoaded)
  47.         element.document.all(element.uniqueID + 'link').style.color = aEnabled[iEnabled];
  48. }
  49.  
  50. function getEnabled() { return iEnabled; }
  51.  
  52. var fOver = false;
  53. function mouseout()
  54. {
  55.     fOver = false;
  56.     var sty = element.document.all(element.uniqueID + 'button').style
  57.     sty.backgroundColor = getCurrentColor();
  58.     sty.borderColor = getCurrentColor();
  59.     element.document.all(element.uniqueID + 'img').src = 'nav\\' + image + '-' + aImgExt[iEnabled] + '.gif';
  60. }
  61.  
  62.  
  63. function mouseover()
  64. {
  65.     if (iEnabled)
  66.     {
  67.         fOver = true;
  68.         var but = element.document.all(element.uniqueID + 'button')
  69.         but.style.backgroundColor = ex.appColorButtonHoverFace;
  70.         but.style.borderColor = ex.appColorButtonHighlight + ' ' + ex.appColorButtonShadow + ' ' + ex.appColorButtonShadow + ' ' + ex.appColorButtonHighlight;
  71.         element.document.all(element.uniqueID + 'img').src = 'nav\\' + image + '-' + aImgExt[2] + '.gif';
  72.     }
  73. }
  74.  
  75. function clickIt()
  76. {
  77.     if (iEnabled)
  78.     {
  79.         var but = element.document.all(element.uniqueID + 'button')
  80.         element.document.all(element.uniqueID + 'img').src = 'nav\\' + image + '-' + aImgExt[3] + '.gif';
  81.         but.style.borderColor = ex.appColorButtonShadow + ' ' + ex.appColorButtonHighlight + ' ' + ex.appColorButtonHighlight + ' ' + ex.appColorButtonShadow;
  82.     }
  83. }
  84.  
  85. function clicked()
  86. {
  87. }
  88.  
  89. function colorChange()
  90. {
  91.     if (!fOver)
  92.     {
  93.         var sty = element.document.all(element.uniqueID + 'button').style
  94.         sty.backgroundColor = getCurrentColor();
  95.         sty.borderColor = getCurrentColor();
  96.     }
  97. }
  98. </SCRIPT>
  99. </PUBLIC:COMPONENT>
  100.