home *** CD-ROM | disk | FTP | other *** search
/ DOKAN 55 / DOKAN55.ISO / Extra / MPSetup.exe / 1033 / RCDATA / CABINET / wmploc.DLL / HTML / MENU.HTC < prev    next >
Text File  |  2002-12-14  |  3KB  |  119 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.     trackIt('TNN' + iItem);
  20.     buildMenu();
  21.     
  22.     e.item = iItem;
  23.     select.fire(e);
  24.     return false;
  25. }
  26.  
  27. var aMenuText = new Array(L_HomeMenu_Text, L_ArtistInfoMenu_Text, L_AlbumInfoMenu_Text, L_LyricsMenu_Text, L_RelatedMusicMenu_Text, L_FileInfoMenu_Text);
  28.  
  29. function buildMenu()
  30. {
  31.     var s = '<table id=menuTable border=0 cellpadding=0 cellspacing=0 style="padding-top:15; padding-bottom:13;"><tr><td width=6></td>', i;
  32.  
  33.     iCurrent = parseInt(currentItem);
  34.     if (isNaN(iCurrent)) iCurrent = 0;
  35.     
  36.     for (i = 0; i < aMenuText.length; i++)
  37.     {
  38.         s += '<td nowrap>';
  39.         if (iCurrent != i)
  40.             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>';
  41.         else
  42.             s += '<span class=menu>' + getTextTable(aMenuText[i], getCurrentColor()) + '</span></td>';
  43.     }
  44.     element.innerHTML = s + '</tr></table>';
  45.     setMenu(iCurrent, 'down');
  46. }
  47.  
  48. function getTextTable(sText, sColor)
  49. {
  50.     var s = '<table border=0 cellpadding=0 cellspacing=0><tr>', sImgLeft, sImgRight;
  51.     
  52.     if (IsRTLPage())
  53.     {
  54.         sLeft = 'images\\nav-hover-right.gif';
  55.         sRight = 'images\\nav-hover-left.gif';
  56.     }
  57.     else
  58.     {
  59.         sRight = 'images\\nav-hover-right.gif';
  60.         sLeft = 'images\\nav-hover-left.gif';
  61.     }
  62.     
  63.     s += '<td width=4><img style="display:none" id=menuLeft border=0 src="' + sLeft + '"></td>';
  64.     s += '<td nowrap class=menu id=menuMiddle style="background: transparent none repeat-x top left;"><a href="x" id=menuText onclick="return false" style="color:' + sColor + '" class=menu>' + sText + '</a></td>';
  65.     s += '<td width=4><img style="display:none" id=menuRight border=0 src="' + sRight + '"></td>';
  66.     
  67.     return s + '</tr></table>';
  68. }
  69.  
  70. function colorChange()
  71. {
  72.     element.document.all('menuText')[iCurrent].style.color = getCurrentColor();
  73. }
  74.  
  75. function setMenu(i, sType)
  76. {
  77.     var a = element.document.all, sDisplay, sLeft, sRight;
  78.  
  79.     if (sType.length)
  80.     {    
  81.         if (IsRTLPage())
  82.         {
  83.             sRight = 'left';
  84.             sLeft = 'right';
  85.         }
  86.         else
  87.         {
  88.             sLeft = 'left';
  89.             sRight = 'right';
  90.         }
  91.         
  92.         a('menuLeft')[i].src = 'images\\nav-' + sType + '-' + sLeft + '.gif';
  93.         a('menuRight')[i].src = 'images\\nav-' + sType + '-' + sRight + '.gif';
  94.         a('menuMiddle')[i].style.backgroundImage = 'url(images\\nav-' + sType + '-center.gif)';
  95.         sDisplay = 'inline';
  96.     }
  97.     else
  98.     {
  99.         sDisplay = 'none';
  100.         a('menuMiddle')[i].style.backgroundImage = 'none';
  101.     }
  102.         
  103.     a('menuLeft')[i].style.display = sDisplay;
  104.     a('menuRight')[i].style.display = sDisplay;
  105. }
  106.  
  107. function mout(i)
  108. {
  109.     setMenu(i, '');
  110. }
  111.  
  112. function mover(i)
  113. {
  114.     setMenu(i, 'hover');
  115. }
  116.  
  117. </SCRIPT>
  118. </PUBLIC:COMPONENT>
  119.