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.
|
|
Septiembre - 2007.
|
Síguenos en: Facebook Sobre aulaClic Política de Cookies
© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.