Artículos
-
JavascriptCómo cambiar el color de fondo de un div mediante Bootstrap Colorpicker
Bootstrap Colorpicker es un widget GUI que se suele utilizar para que el usuario puedas escoger un color dentro de una paleta de colores. Como sospecharás, es un plugin de jQuery basado en Bootstrap. Mediante este plugin, asociaremos un elemento HTML para mostrar el color picker. Podremos implem...
-
JavascriptExportar la información de una tabla a Excel mediante Javascript
Exportar información a Excel es una operación la mar de útil en toda aplicación que liste datos. La función de exportación te ayuda a descargar un listado de datos en un archivo para su uso offline. El formato Excel es ideal a la hora de exportar información. Por norma general, se suele ut...
-
Javascript10 librerías de Javascript y CSS para este marzo
Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que consider...
-
JavascriptBúsqueda por rango de precios utilizando jQuery Slider
Habitualmente, jQuery UI Slider se utiliza para seleccionar un rango máximo y mínimo y realizar operaciones basadas en dichos rangos como la búsqueda, validación y demás... Los rangos min-max se establecen utilizando los dos controles que se pueden arrastrar del elemento de jQuery. Una vez e...
-
JavascriptEl reproductor Winamp 2.9 renace de entre los muertos implementado en HTML5 y Javascript
¿Os acordáis del mítico reproductor de música Winamp 2.9? Los que vivisteis la época del Messenger, el Tuenti y el Fotolog seguro que sí. Winamp 2.9 era un reproductor de música que consumía muy pocos recursos y que tenía una interfaz muy intuitiva en la que cualquier usuario se sentía ...
-
JavascriptEliminar el color de una imagen con jQuery
En este tutorial vamos a ver cómo eliminar el color de una imagen al hacer hover utilizando jQuery. En otros tutoriales, hemos visto como hacer la animación de fadein o fadeout mediante jQuery, y si te resultaron fáciles, esto es muy similar.
-
JavascriptAñadir un timepicker a un campo input mediante jQuery
jQuery Timepicker ayuda al usuario a seleccionar una hora concreta sin necesidad de que la escriban manualmente. Por regla general, se suele utilizar junto a un datepicker para que el usuario pueda introducir una fecha y una hora en un formulario. En este tutorial veremos cómo añadir un timepic...
-
JavascriptCómo crear alertas personalizadas mediante jQuery y CSS
Los alerts es algo muy común y muy útil en todo desarrollo web que se precie. Normalmente los utilizamos para mostrar mensajes desde el navegador. Todos los navegadores cuentan con su estilo por defecto para las ventanas alerts. Muchas veces, necesitamos añadir alers personalizados que concuer...
-
JavascriptCambiar la clase de un elemento dinámicamente mediante jQuery
En este artículo vamos a ver cómo cambiar la clase de un elemento CSS utilizando jQuery. Ya hemos visto en anteriores tutoriales cómo cambiar el fichero CSS a llamar en el documento basándonos en el tamaño del viewport del usuario para hacer que una página sea responsive, y esto es muy simi...
-
JavascriptCómo dibujar una ruta sobre un mapa mediante la API de Google Maps Direction
En este tutorial veremos cómo dibujar una ruta entre dos localizaciones sobre un mapa utilizando la API de Google Maps Direction. Esta API te proporciona el servicio Direction el cual es ideal para dibujar rutas entre ubicaciones. Este servicio requiere que se dibuje tanto el inicio como el punt...