Ejercicio paso a paso. Unidad 24. Crear Filtros


Objetivo.

 

Practicar la crear filtros en un dataset.

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Abre el sitio libreria.

3 Abre el archivo catalogo.php.

4 En la zona editable busca la tabla que acabamos de añadir en el ejercicio anterior desde la vista de Código.

5 Justo encima de ella coloca este formulario, debe estar dentro de la región Spry:

<form action="#" name="formulario">

<br /><br />

<input name="cajadetexto" type="text" />

<a href="#" onclick="misLibros.filter(miFiltro)">Buscar</a> | <a href="#" onclick="misLibros.filter()">Mostrar todos</a>

<br /><br />

</form>

 

Observa cómo hemos referenciado a una función que todavía no existe llamada miFiltro.

Vamos a crearla.

 

6 Ve a la parte superior de la página y localiza la zona donde hemos declarado el dataset.

Añade la siguiente función:

<script type="text/javascript">

var misLibros = new Spry.Data.XMLDataSet("libreria.xml", "biblioteca/libro");

var miFiltro = function(dataSet, row, rowNumber) {

if (row["autor"].search(document.formulario.cajadetexto.value) != -1

|| row["titulo"].search(document.formulario.cajadetexto.value) != -1

|| row["isbn"].search(document.formulario.cajadetexto.value) != -1) {

return row;

}

else {

return null;

}

}

</script>

 

Con esta función evaluaremos el valor de la caja de texto del formulario y mostraremos únicamente aquellos registros que contengan la cadena escrita en ella en su título, autor o ISBN.

 

7 Pulsa la tecla F12 para visualizar la página en el servidor de pruebas.

Verás como aparece un listado con todos los registros del archivo XML.

8 Cierra el documento guardando los cambios.

 




  Índice del curso  
Septiembre - 2007.


Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.