Lo que se hará es que el usuario al seleccionar una opción de la lista desplegable se muestre en una tabla información detallada de la opción escogida. Con AJAX se elimina el uso del botón.
DataTable es un poderoso plug-in para jQuery , que permite de una manera fácil personalizar nuestras tablas HTML . Tal vez el mejor que existe. Podemos integrarlo con PHP , MySQL , AJAX , JSON , entre otros.
Drag and Drop consiste en arrastrar un elemento y soltarlo en otro lugar, en la web esto se facilita gracias a HTML5 , con jQuery esto tambien es posible. Para hacer un Drag and Drop debes tener un navegador moderno o actualizado. El siguiente código mueve una imagen entre tres divs:
Vamos a utilizar el método $.ajax() de jQuery para enviar una petición al servidor y que éste nos de una respuesta sin necesidad de recargar la página entera. Lo que haremos es insertar un registro a la base de datos, en este caso un nombre a la tabla personas , compuesto por los campos codigo (autoincrement) y nombre . Para ello necesitamos los siguientes archivos:
Canvas es un nuevo elemento en HTML , por tanto tendrás que tener un navegador moderno y actualizado, por ejemplo Firefox . Internet Explorer 8 y versiones antiguas, no la soportan. Canvas que en español es Lienzo es una area rectangular usada para contener gráficos, estos se crean mediante scripts (por lo general con JavaScript ). Se pueden tener varios elementos Canvas en una página HTML.
Para eliminar múltiples datos de la base de datos, utilizaremos el ciclo foreach de PHP . Este ciclo se utiliza para recorrer arrays. Convertiremos los checkbox entonces en un array. El ejemplo se encuentra divido en tres únicos archivos para facilitar su comprensión. El archivo conexion.php para hacer la conexion con la base de datos MySQL. La base de datos se llama database y la tabla personas compuesta por dos columnas cod y nombre .