home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 August / CHIP_08_2003.iso / Chip / service / Wm99xme / MPSetup.exe / wmploc.DLL / HTML / TOC.HTC < prev    next >
Encoding:
HTML Component  |  2002-12-11  |  6.1 KB  |  191 lines
  1. <PUBLIC:COMPONENT lightWeight=true>
  2. <PUBLIC:EVENT name="onitemselect" ID="doselect">
  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="onclick" ONEVENT="mouseup()" />
  7. <PUBLIC:PROPERTY NAME="width" />
  8. <PUBLIC:PROPERTY NAME="text" />
  9. <PUBLIC:PROPERTY NAME="dropdowntop" />
  10. <PUBLIC:PROPERTY NAME="dropdownleft" />
  11. <PUBLIC:PROPERTY NAME="menutext" />
  12. <PUBLIC:PROPERTY NAME="code" />
  13. <PUBLIC:METHOD NAME="clickItem" />
  14. <PUBLIC:METHOD NAME="itemFocus" />
  15. <PUBLIC:METHOD NAME="itemBlur" />
  16.  
  17. <SCRIPT LANGUAGE="JScript">
  18.  
  19. var fDown = false;
  20. function load() 
  21. { 
  22.     var sLeft, sRight;
  23.     
  24.     if (IsRTLPage())
  25.     {
  26.         sLeft = 'right';
  27.         sRight = 'left';
  28.     }
  29.     else
  30.     {
  31.         sLeft = 'left';
  32.         sRight = 'right';
  33.     }
  34.     
  35.     var s = '<table style="position:relative; z-index: 5;" width=' + width + ' id="' + element.uniqueID + 'small" border=0 cellpadding=0 cellspacing=0><tr>';
  36.     s += '<td height=18 width=9 style="cursor:default"><img id="' + element.uniqueID + 'left" style="display:none" border=0 src="images\\hover-' + sLeft + '.gif"></td>';
  37.     s += '<td height=18 id="' + element.uniqueID + 'mid" style="cursor:default; background: transparent x repeat-x top left" class=textTitle><A class=textTitle href="X" onclick="return false;">' + text + '</a></td>';
  38.     s += '<td id="' + element.uniqueID + 'arrow" style="cursor:default; padding-left:10; background: transparent x repeat-x top left" align=right><img border=0 src="images\\arrow-down.gif"></td>';
  39.     s += '<td height=18 width=9 style="cursor:default"><img id="' + element.uniqueID + 'right" style="display:none" border=0 src="images\\hover-' + sRight + '.gif"></td></tr></table>';
  40.  
  41.     s += '<table width=' + width + ' style="display:none; position:absolute; z-index: 5;" id="' + element.uniqueID + 'menu" border=0 cellpadding=0 cellspacing=0>';
  42.     s += '<td height=18 width=9  valign=top style="cursor:default"><img border=0 src="images\\toc-top-' + sLeft + '.gif"></td>';
  43.     s += '<td height=18 style="cursor:default; background: white url(images\\toc-top.gif) repeat-x top left" class=textTitle><A href="x" onclick="return false;" class=textTitle>' + text + '</a></td>';
  44.     s += '<td style="cursor:default; padding-left:10; background: white url(images\\toc-top.gif) repeat-x top left" align=right><img border=0 src="images\\arrow-up.gif"></td>';
  45.     s += '<td height=18 width=9 valign=top style="cursor:default"><img border=0 src="images\\toc-top-' + sRight + '.gif"></td></tr>';
  46.     
  47.     s += '<tr><td width=9 style="cursor:default; background: white url(images\\toc-' + sLeft + '.gif) repeat-y top left"></td>';
  48.     s += '<td colspan=2 style="background: white url(images\\toc-center.gif) repeat top left">' + BuildMenu() + '</td>';
  49.     s += '<td width=9 style="cursor:default; background: white url(images\\toc-' + sRight + '.gif) repeat-y top left"></td></tr>';
  50.  
  51.     s += '<tr><td width=9 valign=bottom style="cursor:default"><img border=0 src="images\\toc-bottom-' + sLeft + '.gif"></td>';
  52.     s += '<td colspan=2 style="background: white url(images\\toc-bottom.gif) repeat-x bottom left"></td>';
  53.     s += '<td width=9 valign=bottom><img border=0 src="images\\toc-bottom-' + sRight + '.gif"></td></tr>';
  54.  
  55.     s += '</table>';
  56.     
  57.     element.style.height = 18;
  58.     element.innerHTML = s; 
  59. }
  60.  
  61. function BuildMenu()
  62. {
  63.     var s = '<table border=0 cellpadding=2 cellspacing=0>', aList, i;
  64.     
  65.     aList = menutext.split(';');
  66.     for (i = 0; i < aList.length; i++)
  67.     {
  68.         s += '<tr><td width=100%><A href="X" id="' + uniqueID + i + '" onblur="' + uniqueID + '.itemBlur(' + i + ');" onfocus="' + uniqueID + '.itemFocus(' + i + ');" clicknum="' + i + '" class=tocText> ' + aList[i] + ' </a></td></tr>';
  69.     }
  70.     
  71.     return s + '</table>';
  72. }
  73.  
  74. function setImage(iMode) 
  75. {  
  76.     var sKey, sDisplay, id, a, sLeft, sRight;
  77.     
  78.     if (IsRTLPage())
  79.     {
  80.         sLeft = 'right';
  81.         sRight = 'left';
  82.     }
  83.     else
  84.     {
  85.         sLeft = 'left';
  86.         sRight = 'right';
  87.     }
  88.     
  89.     sDisplay = 'inline';
  90.     if (iMode == 1)
  91.         sKey = 'hover';
  92.     else
  93.     {
  94.         sKey = 'normal';
  95.         sDisplay = 'none';
  96.     }
  97.         
  98.     a = element.document.all;
  99.     id = element.uniqueID;
  100.     
  101.     a(id + 'left').src = 'images\\' + sKey + '-' + sLeft + '.gif';
  102.     if (sKey == 'normal')
  103.     {
  104.         a(id + 'mid').style.backgroundImage = '';
  105.         a(id + 'arrow').style.backgroundImage = '';
  106.     }
  107.     else
  108.     {
  109.         a(id + 'mid').style.backgroundImage = 'url(images\\' + sKey + '-center.gif)';
  110.         a(id + 'arrow').style.backgroundImage = 'url(images\\' + sKey + '-center.gif)';
  111.     }
  112.     a(id + 'right').src = 'images\\' + sKey + '-' + sRight + '.gif';
  113.     a(id + 'left').style.display = sDisplay
  114.     a(id + 'right').style.display = sDisplay
  115. }
  116.  
  117. function mouseout() 
  118. { 
  119.     if (!fDown) 
  120.         setImage(0); 
  121.     else
  122.     {
  123.         if (event.srcElement.className == 'tocText')
  124.             event.srcElement.style.backgroundColor = '';
  125.     }
  126. }
  127. function mousemove() 
  128. {    
  129.     if (!fDown) 
  130.         setImage(1); 
  131.     else
  132.     {
  133.         if (event.srcElement.className == 'tocText')
  134.             event.srcElement.style.backgroundColor = 'lightblue';
  135.     }
  136. }
  137.  
  138. var iCurrentFocusItem = -1;
  139. function itemFocus(i)
  140. {
  141.     iCurrentFocusItem = i;
  142. }
  143.  
  144. function itemBlur(i)
  145. {
  146.     iCurrentFocusItem = -1;
  147. }
  148.  
  149. function mouseup() 
  150. {
  151.     var oMenu = element.document.all(element.uniqueID + 'menu')
  152.     fDown = !fDown;
  153.     if (fDown)
  154.         element.setCapture();
  155.     else
  156.     {
  157.         var fClicked = false, oElement;
  158.         element.releaseCapture();
  159.         if (event.srcElement.className == 'tocText')
  160.         {
  161.             fClicked = true;
  162.             oElement = event.srcElement;
  163.         } else if (iCurrentFocusItem != -1)
  164.         {
  165.             fClicked = true;
  166.             oElement = element.document.all(uniqueID + iCurrentFocusItem);
  167.         }
  168.         
  169.         if (fClicked)
  170.         {
  171.             oElement.style.backgroundColor = '';
  172.             window.setTimeout(element.uniqueID + '.clickItem(' + oElement.clicknum + ')', 0);            
  173.         }
  174.     }
  175.         
  176.     element.document.all(element.uniqueID + 'small').style.display = fDown ? 'none' : 'inline';
  177.     oMenu.style.display = fDown ? 'inline' : 'none';
  178. }
  179.  
  180. function clickItem(i)
  181. {
  182.     var e = createEventObject();
  183.     trackIt(code + 'N' + getClickIndex(i));
  184.     e.item = i;
  185.     doselect.fire(e); 
  186.     return false;
  187. }
  188.  
  189. </SCRIPT>
  190. </PUBLIC:COMPONENT>
  191.