jajajajaja... si sigo con lo de mi explorador jajaja... ya tengo esto que es básicamente tu ejemplo con mis modificaciones.. si me puedes ayudar seria algo genial..
al principio me muestra solo las unidades que pueden ser lee-idas luego si presiono en una unidad me muestra todo el contenido de la unidad.. pero si presiono en una carpeta de esa unidad ya no me muestra nada... yebo ya varios días buscándole y no puedo hacer nada... el código de ejemplo es este....
<html>
<head>
<title>Using DOM to create HTML</title>
<style>
ul { color:green; margin:5px; cursor:pointer; }
li { color:red; margin:5px; cursor:pointer; }
p { color:blue; margin:5px; cursor:pointer; }
p:hover { background:yellow; }
</style>
<script type="text/javascript" src="
https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="
http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
var entradas = 0;
var countLi = "";
var html = "";
var ul = 1;
var li = 1;
//-----------------------------------------------------------------------------------------------
$(document).ready(function() {
$('#myDiv').append(drives());
//$("ul").click(openFolder);
$("ul li").live('click',openFolder);
/*function() {
var oID = $(this).attr("id");
});*/
});
function drives() {
var content = '';
//var bytesPerGB = 1024 * 1024 * 1024;
var fso = new ActiveXObject("Scripting.FileSystemObject");
var e = new Enumerator(fso.Drives);
e.moveFirst();
while (!e.atEnd()) {
var drv = e.item();
//content += "<p>";
if (drv.IsReady) {
var uls = $('<ul/>').attr('id',drv.DriveLetter).appendTo('#myDiv');
//alert(drv.DriveLetter); // New <li> elements are created here and added to the <ul> element.
var lis = $('<li/>').attr('id',drv.DriveLetter).appendTo("#"+drv.DriveLetter);
lis.append(drv.DriveLetter );
content += drv.DriveLetter ;
} else {
//content += "Not Ready";
}
//content += "</p>";
e.moveNext();
}
content += content;
}
function openFolder() {
var oID = $(this).attr("id");
alert("primera Ruta oID es " + oID);
var newLine = "<br />";
if (oID=="C" || oID=="D" )
{//cuando entra la primera ves hace esto......
var fso = new ActiveXObject("Scripting.FileSystemObject");
var oID2 = oID + ':\\';
var fldr = fso.GetFolder(oID2);
alert("segunda Ruta oID2 es " + oID2);
for (f = new Enumerator(fldr.subFolders); !f.atEnd(); f.moveNext())
{
// New <li> elements are created here and added to the <ul> element.
var lis = $('<li/>').attr('id',oID2+f.item().Name).css('color','blue').appendTo('#'+oID);
lis.append(f.item().Name);
//var aler = lis.append(f.item().Name);
//alert("Ruta final para cuando click en C O D es " + oID2 + f.item().Name);
//s += f.item().Name + "<br>";
}
for (g = new Enumerator(fldr.Files); !g.atEnd(); g.moveNext())
{
// New <li> elements are created here and added to the <ul> element.
var lis = $('<li/>').attr('id',oID2+g.item().Name).css('color','green').appendTo('#'+oID);
lis.append(g.item().Name);
//s += f.item().Name + "<br>";
}
entradas++;
} else if (entradas>0)
{/// ya que estan los folders y ase nuevamente click hace esto....
var fso = new ActiveXObject("Scripting.FileSystemObject");
var oID2 = oID + '\\';
var fldr = fso.GetFolder(oID2);
alert("segunda bes que clikeo Ruta es " + oID2);
for (f = new Enumerator(fldr.subFolders); !f.atEnd(); f.moveNext())
{
//var uls = $('<ul/>').attr('id',oID2+f.item().Name).css('color','orange').appendTo('#'+oID);
//uls.append(f.item().Name);
// New <li> elements are created here and added to the <ul> element.
var lis = $('<li/>').attr('id',oID2+f.item().Name).appendTo('#'+oID);
lis.append(f.item().Name);
//var aler = lis.append(f.item().Name);*/
alert("con esta Ruta se guarda --- " + oID2+f.item().Name);
//s += f.item().Name + "<br>";
}
for (g = new Enumerator(fldr.Files); !g.atEnd(); g.moveNext())
{
// New <li> elements are created here and added to the <ul> element.
var lis = $('<li/>').attr('id',oID2+g.item().Name).css('color','orange').appendTo('#'+oID);
lis.append(g.item().Name);
//s += f.item().Name + "<br>";
}
entradas++;
//alert(" tercera esto es cuando clikeo la segunda ves " +oID)
}
return content;
}
</script>
</head>
<body>
<div id="myDiv"></div>
<script type="text/javascript">//document.write(drives());
</script>
</body>
</html>