Es muy frecuente el tener que introducir direcciones de emails en las páginas web que desarrollamos, ya que casi todas tienen un formulario de contacto y para poder responder a nuestros usuarios, lo más normal es perdir siempre su correo electrónico. Para validar que el usuario realmente nos ha introducido un email, podemos hacerlo de […]
jQuery Panorama Viewer te facilita insertar y visualizar imágenes panorámicas en tu página web con este sencillo plugin. Para hacerlo, necesitas incluir la última versión de jQuery con el archivo jquery.panorama_viewer.js y panorama_viewer.css en el <head> de tu documento, y después insertar la imagen con la clase «panorama». El plugin se ha probado en navegadores […]
Cuando tenemos que mostrar una tabla con una gran cantidad de datos y varias columnas es útil tener el nombre de las columnas de la tabla a la vista para poder diferenciar los datos de forma rápida sin tener que volver a la cabecera de la tabla. Con una simple tabla HTML no podremos hacer […]
Cuando listamos una considerable cantidad de datos en una tabla, a veces queremos ordenarlos por alguna columna en concreto. Una solución sería hacer consultas a la base de datos para ordenar los resultados, pero con Tablesorter podemos hacer ésto mismo sin necesidad de recargar la página y hacer consultas a la base de datos. Tablesorter […]
A la hora de crear un formulario para el registro de usuarios, podemos añadir el siguiente código que se encarga de validar la fuerza de la contraseña que el usuario ha insertado. El código es el siguiente: Y el html: Y así de sencillo, cada vez que el usuario escriba un caracter en el campo […]
Gracias a jQuery es muy sencillo obtener los datos de un XML a través de AJAX y manejarlos en nuestra aplicación web. Vamos por partes, primero debemos tener nuestro archivo XML que devuelva los datos, si no lo tenemos, lo podemos generar con PHP de la siguiente forma. Se supone que las variables con los […]
Si nuestra página web tiene mucho contenido, es una buena idea proporcionar a nuestros visitantes una forma rápida para ir al comienzo de la página. En este tutorial vamos a aprender a crear un botón que aparece y desaparece con jQuery. Vamos a crear un botón con una posicion fija en la parte inferior derecha […]
En el desarrollo web nos puede ser muy útil saber cuando el usuario pulsa cierta tecla, por ejemplo si el usuario pulsa enter en un formulario podemos hacer que se envíe sin tener que pinchar en un botón o para pasar de una imagen a otra en una galería de fotos con las teclas de […]
Para hacer un menú personalizado al pulsar el botón derecho del ratón dentro de nuestra aplicación web, (como por ejemplo el menú que usa Google Docs, o Rapidshare), vamos a utilizar HTML, jQuery y algo de CSS para darle estilo a nuestro menú. HTML Hacemos un pequeño menú, con algunas opciones como Copiar, Mover y […]
Para comprobar durante el proceso de registro si el nombre de usuario está disponible, todo esto sin recargar la página, podemos utilizar el siguiente código: Primero vamos con el código del archivo que contiene el formulario de registro: jQuery HTML Por último vamos con el código del archivo PHP que comprueba si el usuario existe: […]
NiceScroll : Plugin jQuery para escritorio, mobiles y dispositivos táctiles Este es un plugin jQuery con un estilo muy parecido al del sistema operativo IOS de Iphone. Soporta Divs, Iframes, y las barras de desplazamiento de la página. El plugin es compatible con dispositivos que usen IOS como el Ipad. Ver más – Ver demo […]
Hoy vamos a aprender como hacer una búsqueda instantánea al estilo de Google. En el siguiente código mostramos la forma más básica para conseguir este resultado, vamos a verlo: Primero creamos el archivo principal, podemos llamarlo como queramo. En este archivo mostraremos la caja de búsqueda y mostraremos los resultados: HTML jQuery Ahora vamos con […]