home *** CD-ROM | disk | FTP | other *** search
/ Computer Buyer 1999 March / Dpcb0399.iso / INTERNET / IE401 / ie4shl95.CAB / mycomp.htt < prev    next >
Text File  |  1998-05-08  |  7KB  |  180 lines
  1. <!-- 
  2.  * This file was automatically generated by Microsoft Internet Explorer 4.0 
  3.  * using the file %TEMPLATEDIR%\mycomp.htt 
  4.  -->
  5.  
  6. <html>
  7.     <style>
  8.         body        {font: 8pt/10pt verdana; margin: 0}
  9.         #Banner        {position: absolute; width: 100%; height: 88px; background: URL(res://webvw.dll/folder.gif) no-repeat top left}
  10.         #MiniBanner    {position: absolute; width: 100%; height: 32px; background: window}
  11.         #Icon        {position: absolute; left: 11px; top: 12px; width: 64px; height: 64px}
  12.         #FileList    {position: absolute; left: 30%; top: 88px; width: 1px; height: 1px}
  13.         #Media        {margin-left: 20px; margin-top: 10px}
  14.         #Panel        {position: absolute; top: 88px; width: 30%; background: window; overflow: auto}
  15.         #PieChart    {width: 100px; height: 50px; margin-top: 10px}
  16.         #Thumbnail    {width: 160px; height: 160px; margin-top: 0px}
  17.         #Status        {margin-left: 20px}
  18.         p        {margin-left: 20px; margin-right: 8px}
  19.         p.Title        {font: 16pt/16pt verdana; font-weight: bold; color: #0099FF}
  20.         p.Warning    {font-weight: bold; color: red}
  21.         p.Links        {margin-top: 4px}
  22.         a:link        {color: #FF6633}
  23.         a:visited    {color: #0099FF}
  24.         a:active     {color: black}
  25.     </style>
  26.  
  27.     <head>
  28.         <script language="JavaScript">
  29.             var L_Intro_Text    = "Select an icon to view its description.";
  30.             var L_Multiple_Text    = " objects selected.";
  31.             var L_TotalSize_Text    = "Capacity: ";
  32.             var L_UsedSpace_Text    = "Used: ";
  33.             var L_FreeSpace_Text    = "Free: ";
  34.  
  35.             function FixSize() {
  36.                 // this function handles fixed panel sizing and collapsing when the window resizes
  37.                 var hideTop    = 200;
  38.                 var hideLeft    = 400;
  39.                 var miniHeight    = 32;
  40.                 var ch        = document.body.clientHeight;
  41.                 var cw        = document.body.clientWidth;
  42.  
  43.                 if (hideTop > ch) {
  44.                     document.all.Banner.style.visibility = "hidden";
  45.                     document.all.MiniBanner.style.visibility = "visible";
  46.                     document.all.FileList.style.top = miniHeight;
  47.                     document.all.Panel.style.top = miniHeight;
  48.                 } else {
  49.                     document.all.Banner.style.visibility = "visible";
  50.                     document.all.MiniBanner.style.visibility = "hidden";
  51.                     document.all.FileList.style.top = (document.all.Banner.offsetHeight - 32) + "px";
  52.                     document.all.Panel.style.top = (document.all.Banner.offsetHeight) + "px";
  53.                     document.all.Rule.style.width = (cw > 84 ? cw - 84 : 0) + "px";      
  54.                 }
  55.                 if (hideLeft > cw) {
  56.                     document.all.Panel.style.visibility = "hidden";
  57.                     document.all.FileList.style.pixelLeft = 0;
  58.                     document.all.FileList.style.pixelTop = document.all.Panel.style.pixelTop;
  59.                 } else {
  60.                     document.all.Panel.style.visibility = "visible";
  61.                     document.all.FileList.style.pixelLeft = document.all.Panel.style.pixelWidth;
  62.                 }
  63.                 document.all.FileList.style.pixelWidth = cw - document.all.FileList.style.pixelLeft;
  64.                 document.all.FileList.style.pixelHeight = ch - document.all.FileList.style.pixelTop;
  65.                 document.all.Panel.style.pixelHeight = ch - document.all.Panel.style.pixelTop;
  66.             }
  67.  
  68.             function Init() {
  69.                 // call our FixSize() function whenever the window gets resized
  70.                 window.onresize = FixSize;
  71.                 FixSize();
  72.                 Info.innerHTML = L_Intro_Text;
  73.             }
  74.         </script>
  75.  
  76.         <script language="JavaScript" for="FileList" event="SelectionChanged">
  77.             // this script updates the left info Panel when you select icons
  78.             var items    = FileList.FocusedItem;
  79.             var fldr    = FileList.Folder;
  80.             var name;
  81.             var text;
  82.             var data;
  83.             var i;
  84.  
  85.             PieChart.style.display = "none";
  86.  
  87.             data = FileList.SelectedItems().Count;
  88.             if (data == 0) {
  89.                 // nothing selected?
  90.                 Info.innerHTML = L_Intro_Text;
  91.                 return;
  92.             }
  93.             else if (data > 1) {
  94.                 // more than one item selected?
  95.                 text = data + L_Multiple_Text + "<br>";
  96.                 if (data <= 16)
  97.                     for (i = 0; i < data; i++)
  98.                         text += "<br>" + FileList.SelectedItems().Item(i).Name;
  99.                 Info.innerHTML = text;
  100.                 return;
  101.             }
  102.  
  103.             // name
  104.             name = fldr.GetDetailsOf(items, 0);
  105.             text = "<b>" + name + "</b><br>";
  106.  
  107.             // type
  108.             text += fldr.GetDetailsOf(items, 1);
  109.  
  110.             // tip?
  111.             data = fldr.GetDetailsOf(items, -1);
  112.             if (data && data != name)
  113.                 text += "<br><br>" + data;
  114.  
  115.             // drive
  116.             if (PieChart.displayFile(items.Path)) {
  117.                 text += "<br><br><br>" + L_TotalSize_Text + PieChart.totalSpace;
  118.                 text += "<br><br><table bgcolor=buttonface width=12 height=12 border=1 bordercolordark=black bordercolorlight=black align=left><td></td></table> " + L_UsedSpace_Text + PieChart.usedSpace;
  119.                 text += "<br><br><table bgcolor=buttonhighlight width=12 height=12 border=1 bordercolordark=black bordercolorlight=black align=left><td></td></table> " + L_FreeSpace_Text + PieChart.freeSpace;
  120.                 PieChart.style.display = "";
  121.             }
  122.  
  123.             Info.innerHTML = text;
  124.         </script>
  125.     </head>
  126.  
  127.     <body scroll=no onload="Init()">
  128.  
  129.         <!-- start normal banner -->
  130.         <div id="Banner" style="visibility: hidden">
  131.             <!-- using a table with nowrap to prevent word wrapping -->
  132.             <table><tr><td nowrap>
  133.                 <p class=Title style="margin-left: 104px; margin-top: 16px">
  134.                 <!--webbot bot="HTMLMarkup" startspan alt="<B><I>Web View Folder Title</I></B> " -->
  135.                 %THISDIRNAME%
  136.                 <!--webbot bot="HTMLMarkup" endspan -->
  137.             </td></tr></table>
  138.             <!-- this is more efficient than a long graphic, but we have to adjust it in FixSize() -->
  139.             <hr id="Rule" size=1px color=black style="position: absolute; top: 44px; left: 84px">
  140.             <!-- this is our awesome icon extractor -->
  141.             <object id=Icon classid="clsid:e5df9d10-3b52-11d1-83e8-00a0c90dc849">
  142.                 <param name="scale" value=200>
  143.             </object>
  144.         </div>
  145.         <!-- end normal banner -->
  146.  
  147.         <!-- start mini banner -->
  148.         <div id="MiniBanner" style="visibility: hidden">
  149.             <!-- using a table with nowrap to prevent word wrapping -->
  150.             <table><tr><td nowrap>
  151.                 <p class=Title style="margin-left: 16px; margin-top: 4px">
  152.                 <!--webbot bot="HTMLMarkup" startspan alt="<B><I>Web View Folder Title</I></B> " -->
  153.                 %THISDIRNAME%
  154.                 <!--webbot bot="HTMLMarkup" endspan -->
  155.             </td></tr></table>
  156.         </div>
  157.         <!-- end mini banner -->
  158.  
  159.         <!-- start left info panel -->
  160.         <div id="Panel">
  161.             <p style="margin-top: 16px");
  162.             <span id="Info">
  163.             </span>
  164.  
  165.             <p>
  166.             <object id="PieChart" classid="clsid:1D2B4F40-1F10-11D1-9E88-00C04FDCAB92" style="display: none">
  167.             </object>
  168.         </div>
  169.  
  170.         <!-- end left info panel -->
  171.  
  172.         <!-- this is the standard file list control -->
  173.         <!-- webbot bot="HTMLMarkup" startspan u-src="file:///C:\Program Files\Microsoft FrontPage Express\Data\FoldData.gif" -->
  174.         <object id="FileList" border=0 tabindex=1 classid="clsid:1820FED0-473E-11D0-A96C-00C04FD705A2"
  175.         </object>
  176.         <!-- webbot bot="HTMLMarkup" endspan -->
  177.  
  178.     </body>
  179. </html>
  180.