Blog Reacción Estudio

¡Tu zona de aprendizaje!

Tutoriales de la semana

Esta semana os traigo un recopilatorio de artículos bastante prácticos, sin más rodeos, vamos a verlos: Colección de estilos para separadores Ver ejemplo Efectos de etiquetas sobre imágenes Ver ejemplo Efectos creativos para enlaces Ver ejemplo Barra de progreso al estilo Youtube Ver ejemplo Pestañas animadas con CSS3 Ver ejemplo

Asignar evento a un elemento generado dinámicamente con jQuery

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 […]

Seguramente a la hora de validar fechas con Javascript has tenido que ponerte a buscar funciones para relizar estas validaciones. Bien, pues hoy os vamos a dejar una serie de funciones listas para utilizar: Validar el formato de la fecha: Esta función nos validará utilizando una expresión regular si nuestra variable corresponde con el formato […]

Botón para ir arriba de la página con jQuery

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 […]

Saber cuando se pulsa una tecla con jQuery usando .keypres()

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 […]

menujquery

Muchos sitios web tienen distintos menús que nos acompañan al hacer scroll (o desplazarnos) por la página, ya sea el menú principal, el menú de identificarnos o registrarnos como usuario, publicidad, etc. Estos menús al principio se encuentran en una posición fija, pero cuando estamos a punto de perderlos de vista nos persiguen hasta el […]

ofuscar_javascript

Para los que no sepan que es la ofuscación, la definición de la Wikipedia es la siguiente: “La ofuscación se refiere al acto deliberado de realizar un cambio no destructivo, ya sea en el código fuente de un programa informático o código máquina cuando el programa está en forma compilada o binaria, con el fin […]

luces

Seguramente en muchas webs de Streaming de video podréis ver que tienen un botón u opción para poner el fondo de la página en negro y resaltar el reproductor de video, a esto se le conoce como apagar y encender las luces del sitio web en cuestión. Pues bien, utilizando CSS, jQuery y HTML vamos […]

menu_boton_derecho

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 […]

virtual_keyboard

Virtual Keyboard como su nombre indica, es un teclado virtual creado con jQuery que podemos utilizar en nuestras aplicaciones web. Muchos de vosotros os preguntaréis, ¿para qué quiero tener un teclado virtual en mi sitio web?. Pues la función de éste teclado es evitar el robo de contraseñas a través de un Keylogger. ¿No sabés […]

jquery_php

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: […]

jquery_scroll

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 […]

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies.     ACEPTAR