Advanced JavaScript with Internet Explorer: Working with Drives and More
This series mainly concentrates on retrieving system information using JavaScript and displaying the same on a web page. All of the examples in this series can be directly tested by copying and pasting the entire code (of each section) in any text file with the extension .HTM and opening it using Microsoft Internet Explorer (preferably 5.5+).
Advanced JavaScript with Internet Explorer: Working with Drives and More - A better approach to retrieving a list of drives using JavaScript (Page 2 of 6 )
Now I am going to provide a better approach for displaying the results. The entire code for the sample is as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> <script id=clientEventHandlersJS language=javascript> <!--
function Button1_onclick() { var locator = new ActiveXObject ("WbemScripting.SWbemLocator"); var service = locator.ConnectServer("."); var properties = service.ExecQuery("SELECT * FROM Win32_LogicalDisk"); var e = new Enumerator (properties); document.write("<table border=1>"); for (;!e.atEnd();e.moveNext ()) { var p = e.item (); document.write("<tr>"); document.write("<td>" + p.Name + "</td>"); document.write("<td>" + p.Size + "</td>"); document.write("</tr>"); } document.write("</table>"); }
The above code is very similar to the code provided in the previous section. The only difference is that I am displaying the details of each drive (drive name and size) in a table (rather than simply using a <BR> tag).