Hoy me he encontrado uno que hice para mostrar el contenido de una carpeta (sin activar el listar contenidos del servidor web).

Objetivo del script

Debe mostrar el contenido de un directorio (no entrará en los subdirectorios) y sólo mostrará los archivos.

Requisito

Debe ser comprensible y fácil de modificar (tanto el php como el html resultante), ya que así con unos pocos campos se puede adaptar para cualquier cosa que se pueda hacer leyendo el contenido de un directorio (listado de ficheros, galería de fotos, leer el directorio para montar una estructura para pasarlo a una galería jQuery,…).

El script

El esquema del script será:

Abrimos el directorio
mientras podamos leer del directorio{
 mostramos el contenido
}
cerramos el directorio

En php sería:

$dir_handle = @opendir($path) or die("No se pudo abrir $path");
while ($file = readdir($dir_handle)) {
 echo "<a href=\"$file\" title=\"$file\">$file</a><br>";
}
closedir($dir_handle);

vale ya lo tenemos, pero… muestra enlaces para todos los archivos en la carpeta, incluso ‘.’, ‘..’ y el propio archivo. como podemos arreglar esto?

Podemos hacer varias cosas,

hacer el if mas grande del mundo libre

 if($file == "." || $file == ".." || $file == "index.php" ) continue;

E ir añadiendo en la clausula todos los archivos que no queremos. Funciona, si pero lo hace complicado de mantener.

Usar Arrays y las extensiones de los archivos

Personalmente, es la solución que más me gusta (y con la que más cómodo estoy).

Suelo crearme un array con las extensiones que no quiero mostrar y luego comprobar si la extensión del archivo está en el array.

//array de extensiones (la cadena vacia es para el caso de '.' , '..' y los ficheros sin extension)
$no_mostrar=Array("","php");
//sacamos la posicion del último punto
$pos=strrpos($file,".");
//cortamos la cadena desde esa posición hasta el final
$extension=substr($file,$pos);
if (!in_array($extension, $no_mostrar)) {
//cosas que hacer si no está en el array
}
else{
//cosas que hacer si está en el array
}

Y ya lo tenemos, juntandolo todo queda (y añadiendo <ul> y <li> porque es un listado:

<h1>Listado de archivo</h1>

<ul>
<?php
//ruta a la carpeta, '.' es carpeta actual
$path=".";
$no_mostrar=Array("","php");
$dir_handle = @opendir($path) or die("No se pudo abrir $path");
while ($file = readdir($dir_handle)) {
 $pos=strrpos($file,".");
 $extension=substr($file,$pos);
 if (!in_array($extension, $no_mostrar)) {
 echo "<li><a href=\"$file\" id=\"enlace_$file\" title=\"$file\">$file</a></li>";
 }

}
closedir($dir_handle);
?>
</ul>

podemos añadir una variable contador dentro del while si queremos saber cuantos archivos estamos mostrando.

Como he dicho es muy extensible y modificable. Si quieres hacer una galeria de imágenes puedes cambiar

echo "<li><a href=\"$file\" id=\"enlace_$file\" title=\"$file\">$file</a></li>";

por

echo "<img src=\"$file\" id=\"enlace_$file\" title=\"$file\" alt=\"$file\" />";

y puedes quitarle el <ul> y el <h1> que he puesto y usarlo de con un include en cualquier otro script php… Mil posibilidades!!!

Fundado a mediados de los 90, llegó a ser uno de los sitios más populares dentro de los resultados de las búsquedas antes de ser comprado por Yahoo Inc. por allá por el año 2000, momento en el que, tras las imposiciones del nuevo contrato de Yahoo, el cual indicaba que pasaría a ser propietario de todos los derechos de contenido e imágenes alojados ahí, motivara a que los usuarios comenzaran a alejarse.

Y un servicio si no tiene usuarios… Yahoo! compro geocities y lo abandonó. Era un servicio de alojamiento web muy usado por ser gratuito y a pesar de que te ponian publicidad exagerada, los que empezabamos a crear paginas web lo usabamos.

Aun recuerdo, y si miro por mis cds de backups seguro que está, mi primera pagina web (que alojé en Geocities). Era un html burdo y sucio, un completo insulto a los estándares (que por aquella epoca (97-98) no tenia ni idea de que existieran estándares para esto), pero era mi web :D, la más cargada de gifs :D.

Estaba claro que ahora con la vendida de humo de la web 2.0 y habiendo servicios como webcindario o Tripod (la parte gratis de lycos, que creo que cerró el año pasado, no estoy seguro) que ofrecían lo mismo, sólo que con mas o menos publicidad y php con bases de datos, Geocities, que sólo ofrecia alojamiento HTML y unos pocos meguillas, no iba a hacer nada.

Por aquella época la interacción que hay ahora con la web no existia, las paginas eran HTML y algunas usaban cgis para el envio de formularios y un mínimo procesamiento de las páginas. No exisitían blogs, eran páginas personales, google estaba empezando, windows 98 dominaba el mercado, e Internet explorer 5.5 competia contra Netscape, ibamos a 56kbs, Hotmail ofrecia 2 Megas de espacio en su correo y no era de microsoft.

Como ha cambiado todo esto en un poco más de 10 años.

Cuando insertas un enlace en HTML su comportamiento por defecto es que se abra en la ventana actual, si queremos cambiar ese comportamiento, sólo hay que poner el atributo target=”_new” en el enlace y se nos abrirá en una ventana nueva:

<a href="http://www.xhiena.net" target="_new">Xhiena.net</a>

Lo mismo si estamos trabajando con frames, si queremos que un enlace abra la pagina en un frame especifico, en vez de _new ponemos el nombre del frame.

Todo eso esta muy bien, pero sólo cumple los estándares transicionales. Si estamos montando una pagina en con estandar estricto (que, personalmente pienso, es como se deberían hacer todas las webs) no podemos usar ese atributo de la etiqueta a.

Si lo requerimos y no hay otra forma de solucionarlo (si estas trabajando con frames quítalos, ganarás mucho en accesibilidad y usabilidad) se puede usar javascript para simular el atributo target.

La forma de hacerlo consiste en:

1. Cojer todos los enlaces.
2. Ver su atributo rel.
3. Cambiar su propiedad target.

1.- Cojer todos los enlaces

Esto se hace con la funcion getElementsByTagName(“tag”) de javascript, que nos devuelve un array con todos los elementos del documento con ese tag

var enlaces = document.getElementsByTagName("a");

2.- Ver su atributo rel.

para ver el atributo rel de un enlace se puede hacer con getAttribute(“atributo”)
enlace.getAttribute(“rel”)
3.- Cambiar su propiedad target.
eso se hace con .target

enlace .target="";

Una vez claras las cosas que hay que hacer y como se debe hacer, una función que cambiara todos los targets a lo rel podria ser:

function cambiarTargets(){
var enlaces= document.getElementsByTagName("a");
for (var i=0;i<enlaces.length; i++){
enlaces[i].target= enlaces[i].getAttribute("rel");
}
}

Se pueden hacer varias comprobaciones para que el javascript funcione perfectamente:

Que el cliente pueda usar la función:

if (!document.getElementsByTagName) return;

Que el enlace sea un enlace y no un ancla:
enlaces[i].getAttribute(“href”)!=”"
Sólo poner target si tienen un rel especifico:

if(enlaces[i].getAttribute("rel") == "contenido"){
enlaces[i].target = "contenido";
}

Aquí os pongo una función que cambia el tag de los enlaces que tengan rel = new

function cambiarTargets() {
if (!document.getElementsByTagName) return;
var enlaces= document.getElementsByTagName("a");
for (var i=0;i<enlaces.length; i++) {
var enlace = enlaces[i];
if (enlace.getAttribute("href") && enlace.getAttribute("rel") == "new"){
enlace.target = "_new";
}
}
}