home *** CD-ROM | disk | FTP | other *** search
/ PC World 2002 December / PCWorld_2002-12_cd.bin / Software / Topware / wmp99xrc / mpsetup.exe / wmploc.DLL / HTML / MENU.HTC < prev    next >
Encoding:
HTML Component  |  2002-10-28  |  3.1 KB  |  118 lines
  1. <PUBLIC:COMPONENT lightWeight=true>
  2. <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="buildMenu()" />
  3. <PUBLIC:PROPERTY NAME="currentItem" />
  4. <PUBLIC:EVENT name="onitemselect" ID=select>
  5. <PUBLIC:METHOD NAME="clickIt" />
  6. <PUBLIC:METHOD NAME="mover" />
  7. <PUBLIC:METHOD NAME="mout" />
  8. <PUBLIC:METHOD NAME="buildMenu" />
  9. <PUBLIC:METHOD NAME="colorChange" />
  10.  
  11. <SCRIPT LANGUAGE="JScript">
  12. var fInit = false, iCurrent;
  13.  
  14. function clickIt(iItem)
  15. {
  16.     var e = createEventObject();
  17.     currentItem = iItem;
  18.  
  19.     buildMenu();
  20.     
  21.     e.item = iItem;
  22.     select.fire(e);
  23.     return false;
  24. }
  25.  
  26. var aMenuText = new Array(L_HomeMenu_Text, L_ArtistInfoMenu_Text, L_AlbumInfoMenu_Text, L_LyricsMenu_Text, L_RelatedMusicMenu_Text, L_FileInfoMenu_Text);
  27.  
  28. function buildMenu()
  29. {
  30.     var s = '<table id=menuTable border=0 cellpadding=0 cellspacing=0 style="padding-top:15; padding-bottom:13;"><tr><td width=6></td>', i;
  31.  
  32.     iCurrent = parseInt(currentItem);
  33.     if (isNaN(iCurrent)) iCurrent = 0;
  34.     
  35.     for (i = 0; i < aMenuText.length; i++)
  36.     {
  37.         s += '<td nowrap>';
  38.         if (iCurrent != i)
  39.             s += '<a onmouseout="' + element.id + '.mout(' + i + ');" onmouseover="' + element.id + '.mover(' + i + ');" onclick="return ' + element.id + '.clickIt(' + i + ')" id="menuItem' + i + '">' + getTextTable(aMenuText[i], '#666666') + '</a></td>';
  40.         else
  41.             s += '<span class=menu>' + getTextTable(aMenuText[i], getCurrentColor()) + '</span></td>';
  42.     }
  43.     element.innerHTML = s + '</tr></table>';
  44.     setMenu(iCurrent, 'down');
  45. }
  46.  
  47. function getTextTable(sText, sColor)
  48. {
  49.     var s = '<table border=0 cellpadding=0 cellspacing=0><tr>', sImgLeft, sImgRight;
  50.     
  51.     if (IsRTLPage())
  52.     {
  53.         sLeft = 'images\\nav-hover-right.gif';
  54.         sRight = 'images\\nav-hover-left.gif';
  55.     }
  56.     else
  57.     {
  58.         sRight = 'images\\nav-hover-right.gif';
  59.         sLeft = 'images\\nav-hover-left.gif';
  60.     }
  61.     
  62.     s += '<td width=4><img style="display:none" id=menuLeft border=0 src="' + sLeft + '"></td>';
  63.     s += '<td nowrap class=menu id=menuMiddle style="background: transparent none repeat-x top left; color:' + sColor + '">' + sText + '</td>';
  64.     s += '<td width=4><img style="display:none" id=menuRight border=0 src="' + sRight + '"></td>';
  65.     
  66.     return s + '</tr></table>';
  67. }
  68.  
  69. function colorChange()
  70. {
  71.     element.document.all('menuMiddle')[iCurrent].style.color = getCurrentColor();
  72. }
  73.  
  74. function setMenu(i, sType)
  75. {
  76.     var a = element.document.all, sDisplay, sLeft, sRight;
  77.  
  78.     if (sType.length)
  79.     {    
  80.         if (IsRTLPage())
  81.         {
  82.             sRight = 'left';
  83.             sLeft = 'right';
  84.         }
  85.         else
  86.         {
  87.             sLeft = 'left';
  88.             sRight = 'right';
  89.         }
  90.         
  91.         a('menuLeft')[i].src = 'images\\nav-' + sType + '-' + sLeft + '.gif';
  92.         a('menuRight')[i].src = 'images\\nav-' + sType + '-' + sRight + '.gif';
  93.         a('menuMiddle')[i].style.backgroundImage = 'url(images\\nav-' + sType + '-center.gif)';
  94.         sDisplay = 'inline';
  95.     }
  96.     else
  97.     {
  98.         sDisplay = 'none';
  99.         a('menuMiddle')[i].style.backgroundImage = 'none';
  100.     }
  101.         
  102.     a('menuLeft')[i].style.display = sDisplay;
  103.     a('menuRight')[i].style.display = sDisplay;
  104. }
  105.  
  106. function mout(i)
  107. {
  108.     setMenu(i, '');
  109. }
  110.  
  111. function mover(i)
  112. {
  113.     setMenu(i, 'hover');
  114. }
  115.  
  116. </SCRIPT>
  117. </PUBLIC:COMPONENT>
  118.