Arbol de archivos en jquery

v_rey9203 · #1 (**permalink**) 26/08/2011, 10:37

Buen dia a todos.

Estoy tratando de realizar un arbol de archivos en jquery como lo muestran aca :

[URL="http://http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/"]http://http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/[/URL]

Pero no logro hacer que se visualizen los archvos, el espacio deonde se deve mostrar, lo logro mostrar...pero vacio no se cual sea mi error, les muestro mi codigo:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script type="text/javascript" src="Logica/jQuery.js"></script>
        <script type="text/javascript" src="Logica/jQuery Easing v1.3.js"></script>
        <script type="text/javascript" src="Logica/jQuery Easing Compatibility v1.js"></script>
        <script type="text/javascript" src="Logica/LibreriaArbol.js"></script>
        <style type="text/css"> 
            BODY,
            HTML {
                padding: 0px;
                margin: 0px;
            }
            BODY {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 11px;
                background: #EEE;
                padding: 15px;
            }

            H1 {
                font-family: Georgia, serif;
                font-size: 20px;
                font-weight: normal;
            }

            H2 {
                font-family: Georgia, serif;
                font-size: 16px;
                font-weight: normal;
                margin: 0px 0px 10px 0px;
            }

            .example {
                float: left;
                margin: 15px;
            }

            .demo {
                width: 200px;
                height: 400px;
                border-top: solid 1px #BBB;
                border-left: solid 1px #BBB;
                border-bottom: solid 1px #FFF;
                border-right: solid 1px #FFF;
                background: #FFF;
                overflow: scroll;
                padding: 5px;
            }

            P.note {
                color: #999;
                clear: both;
            }
        </style> 
        <script type="text/javascript">
         $(document).ready( function() {
    $('#Arbol').fileTree({ root: 'C:/Program Files/Adobe/Adobe Photoshop CS5.1 (64 Bit)', script: 'jqueryFileTree.php' }, function(file) {
        alert(file);
    })
})
;

        </script>
    </head>

    <body>
       <div class="example">
			<h2>Arbol</h2>
			<div id="Arbol" class="demo"></div>
		</div>
        <?php
        ?>
    </body>
</html>

PD: Este es el primer tema q abro, perdonnen mi desorden.

De antemano, gracias por su ayuda.

maycolalvarez · #2 (**permalink**) 26/08/2011, 16:10

¿estás seguro que el script del lado del server (PHP) está preparado para recibir una ruta absoluta fuera de document-root?, te recuerdo que sólo podrá listar archivos del server.

v_rey9203 · #3 (**permalink**) 27/08/2011, 22:28

MUchisimas gracias...probare con la solucion q me das..., si no funciona lo informare.

Dejo el codigo PHP :

Código PHP:

Ver original<?php
 
$_POST['dir'] = urldecode($_POST['dir']);
 
if( file_exists($root . $_POST['dir']) ) {
    $files = scandir($root . $_POST['dir']);
    natcasesort($files);
    if( count($files) > 2 ) { /* The 2 accounts for . and .. */
        echo "<ul class=\"jqueryFileTree\" style=\"display: none;\">";
        // All dirs
        foreach( $files as $file ) {
            if( file_exists($root . $_POST['dir'] . $file) && $file != '.' && $file != '..' && is_dir($root . $_POST['dir'] . $file) ) {
                echo "<li class=\"directory collapsed\"><a href=\"#\" rel=\"" . htmlentities($_POST['dir'] . $file) . "/\">" . htmlentities($file) . "</a></li>";
            }
        }
        // All files
        foreach( $files as $file ) {
            if( file_exists($root . $_POST['dir'] . $file) && $file != '.' && $file != '..' && !is_dir($root . $_POST['dir'] . $file) ) {
                $ext = preg_replace('/^.*\./', '', $file);
                echo "<li class=\"file ext_$ext\"><a href=\"#\" rel=\"" . htmlentities($_POST['dir'] . $file) . "\">" . htmlentities($file) . "</a></li>";
            }
        }
        echo "</ul>";   
    }
}
 
?>

keine_lust · #4 (**permalink**) 24/10/2013, 17:15

Buenas tardes.
también estoy haciendo ese árbol de archivos.
pero me pasa lo mismo que a v_rey9203.
me sale el espacio donde se debe mostrar. pero me sale en blanco. ose que no me sale el árbol de archivos.
tengo el mismo código <HTML> y <PHP> que el del amigo v_rey9203.

maycolalvarez me podrías explicar mejor lo que comentaste.
Gracias :)

maycolalvarez · #5 (**permalink**) 25/10/2013, 11:14

@keine_lust si se ha fijado el post es de hace más de1 año y no recuerdo exactamente, la próxima vez postee un tema nuevo y haga referencia al tema viejo.

lo que quise decir es que PHP como está del lado del servidor, sólo puede ver los archivos o el árbol de directorios del servidor, que no es el mismo del cliente.