home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 September (Special) / Chip-Special_2002-09_Digitalni-Video.bin / servis / wm9 / mpsetupXP.exe / RCDATA / CABINET / wmploc.DLL / HTML / TOC.HTC < prev    next >
Text File  |  2002-08-19  |  4KB  |  107 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="onmouseup" ONEVENT="mouseup()" />
  7. <PUBLIC:PROPERTY NAME="width" />
  8. <PUBLIC:PROPERTY NAME="text" />
  9. <PUBLIC:PROPERTY NAME="dropdowntop" />
  10. <PUBLIC:PROPERTY NAME="menutext" />
  11. <PUBLIC:METHOD NAME="clickItem" />
  12.  
  13. <SCRIPT LANGUAGE="JScript">
  14.  
  15. var fDown = false;
  16. function load() 
  17. { 
  18.     var s = '<table width=' + width + ' id="' + element.uniqueID + 'small" border=0 cellpadding=0 cellspacing=0><tr>';
  19.     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>';
  20.     s += '<td height=18 id="' + element.uniqueID + 'mid" style="cursor:default; background: transparent x repeat-x top left" class=textTitle>' + text + '</td>';
  21.     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>';
  22.     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>';
  23.  
  24.     s += '<table width=' + width + ' style="display:none; position:absolute; z-index: 5; top: ' + dropdowntop + '" id="' + element.uniqueID + 'menu" border=0 cellpadding=0 cellspacing=0>';
  25.     s += '<td height=18 width=9  valign=top style="cursor:default"><img border=0 src="images\\toc-top-left.gif"></td>';
  26.     s += '<td height=18 style="cursor:default; background: white url(images\\toc-top.gif) repeat-x top left" class=textTitle>' + text + '</td>';
  27.     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>';
  28.     s += '<td height=18 width=9 valign=top style="cursor:default"><img border=0 src="images\\toc-top-right.gif"></td></tr>';
  29.     
  30.     s += '<tr><td width=9 style="cursor:default; background: white url(images\\toc-left.gif) repeat-y top left"></td>';
  31.     s += '<td colspan=2 style="background: white url(images\\toc-center.gif) repeat top left">' + BuildMenu() + '</td>';
  32.     s += '<td width=9 style="cursor:default; background: white url(images\\toc-right.gif) repeat-y top left"></td></tr>';
  33.  
  34.     s += '<tr><td width=9 valign=bottom style="cursor:default"><img border=0 src="images\\toc-bottom-left.gif"></td>';
  35.     s += '<td colspan=2 style="background: white url(images\\toc-bottom.gif) repeat-x bottom left"></td>';
  36.     s += '<td width=9 valign=bottom><img border=0 src="images\\toc-bottom-right.gif"></td></tr>';
  37.  
  38.     s += '</table>';
  39.     
  40.     element.innerHTML = s; 
  41. }
  42.  
  43. function BuildMenu()
  44. {
  45.     var s = '<table border=0 cellpadding=2 cellspacing=0>', aList, i;
  46.     
  47.     aList = menutext.split(';');
  48.     for (i = 0; i < aList.length; i++)
  49.     {
  50.         s += '<tr><td><A href=X onclick="return ' + element.uniqueID + '.clickItem(' + i + ');" class=tocText>' + aList[i] + '</a></td></tr>';
  51.     }
  52.     
  53.     return s + '</table>';
  54. }
  55.  
  56. function setImage(iMode) 
  57. {  
  58.     var sKey, sDisplay, id, a;
  59.     
  60.     sDisplay = 'inline';
  61.     if (iMode == 1)
  62.         sKey = 'hover';
  63.     else
  64.     {
  65.         sKey = 'normal';
  66.         sDisplay = 'none';
  67.     }
  68.         
  69.     a = element.document.all;
  70.     id = element.uniqueID;
  71.     
  72.     a(id + 'left').src = 'images\\' + sKey + '-left.gif';
  73.     if (sKey == 'normal')
  74.     {
  75.         a(id + 'mid').style.backgroundImage = '';
  76.         a(id + 'arrow').style.backgroundImage = '';
  77.     }
  78.     else
  79.     {
  80.         a(id + 'mid').style.backgroundImage = 'url(images\\' + sKey + '-center.gif)';
  81.         a(id + 'arrow').style.backgroundImage = 'url(images\\' + sKey + '-center.gif)';
  82.     }
  83.     a(id + 'right').src = 'images\\' + sKey + '-right.gif';
  84.     a(id + 'left').style.display = sDisplay
  85.     a(id + 'right').style.display = sDisplay
  86. }
  87.  
  88. function mouseout() { if (!fDown) setImage(0); }
  89. function mousemove() { if (!fDown) setImage(1); }
  90. function mouseup() 
  91. { 
  92.     fDown = !fDown;
  93.     element.document.all(element.uniqueID + 'small').style.visibility = fDown ? 'hidden' : 'visible';
  94.     element.document.all(element.uniqueID + 'menu').style.display = fDown ? 'inline' : 'none';
  95. }
  96.  
  97. function clickItem(i)
  98. {
  99.     var e = createEventObject();
  100.     e.item = i;
  101.     doselect.fire(e); 
  102.     return false;
  103. }
  104.  
  105. </SCRIPT>
  106. </PUBLIC:COMPONENT>
  107.