En ocasiones, puede ser necesario realizar algún tipo de proceso cuando un usuario decide abandonar una de las páginas de nuestro sitio web. Por ejemplo, la página puede contener un formulario en el que el usuario ha realizado modificaciones. En este caso, es deseable presentar un aviso para preguntar al usuario si desea guardar las modificaciones, o descartarlas.
En este artículo explicamos la manera de capturar y procesar el evento de abandono de página mediante javascript.
En un navegador con soporte para html5, es posible insertar un reproductor de vídeo utilizando el tag “<video>”. Además, podemos utilizar javascript para controlar el estado del reproductor. Esto incluye la posibilidad de cambiar el vídeo que está cargado, de manera que en nuestra página podemos incluir botones o enlaces para seleccionar mediante javascript el vídeo que queremos reproducir, sin necesidad de recargar la página.
En este artículo utilizamos y explicamos el procedimiento presentado originalemente en jsfiddle.net, para incluir esta funcionalidad en nuestra instalación de wordpress.
En otro artículo hemo visto cómo solicitar al servidor un fichero JSON utilizando la llamada jQuery “getJSON”.
Esta llamada se ejecuta en modo asíncrono, por lo que los datos leídos no están disponibles para el script que realiza la llamada a getJSON inmediatamente después de realizarla, sino algo más tarde.
En este artículo vamos a ver la manera de solucionar este inconveniente.
Los dispositivos móviles tienen características claramente distintas de las de los ordenadores de sobremesa y portátiles, que deben ser tenidas en cuenta por el desarrollador de un sitio web dirigido a a este tipo de plataforma.
Por una parte, el tamaño de la pantalla es mucho más reducido, y el usuario puede cambiar la orientación de la misma.
Por otra parte, la cantidad de memoria RAM y la capacidad de proceso son mucho más reducidas.
Pero sobre todo, la interacción del usuario ya no se realiza mediante un teclado y ratón, sino a través de una pantalla táctil.
Este artículo es el primero de una serie en la que revisaremos el impacto de estas peculiaridades cuando se usa javascript para añadir funcionalidad a una página web dirigida a dispositivos móviles. Seguir leyendo »
En nuestro anterior artículo hemos visto cómo pintar con el ratón sobre un canvas HTML5. La solución que presentábamos en él no es aplicable si el usuario accede a la página desde un dispositivo móvil, porque en ese caso no existe el ratón. En su lugar, el usuario interacciona con la página tocando la pantalla.
En este artículo vamos a ver cómo se puede obtener una funcionalidad similar que permite pintar con el dedo sobre un dispositivo Android, iPhone o similar.
En este artículo vamos a comentar la manera de utilizar la librería javascrit plupload en un formulario de envío de imágenes a un servidor web.
La principal ventaja de plupload es que permite procesar la imagen en el mismo cliente, reduciendo el volumen de datos a enviar al servidor. Esto es especialmente interesante en aplicaciones dirigidas a dispositivos móviles, para permitir al usuario, por ejemplo, enviar al servidor las fotografías tomadas con la cámara incorporada. Una imagen de este tipo puede ocupar varios MB, y tiene una resolución que normalmente es excesiva para su presentación en una página web. Con plupload, es posible cambiar la escala, y opcionalmente la calidad de la imagen, para reducir su tamaño en más de un 90%.
El API de Google maps permite añadir anotaciones al mapa en forma de marcadores para identificar puntos sobre el mismo.
En otro artículo de esta serie hemos visto que la manera de crear un marcador personalizado mediante una llamada a google.maps.Marker en donde especificamos en el parámetro “icon” el icono que queremos presentar.
En otro artículo de la serie dedicada a Google maps hemos visto cómo añadir marcadores al mapa para señalar puntos concretos del mismo.
En ocasiones, lo que nos interesa es destacar una región del mapa. El API de Google maps también permite marcar sobre el mapa un área definida por un polígono.
Por último, si lo que queremos es marcar un trayecto, podemos hacerlo mediante una línea poligonal.
En este artículo comentamos cómo marcar áreas y trayectos sobre el mapa usando el API de Google Maps V3, con ejemplos de uso.
En este artículo presentamos ejemplos de código javascript de cliente para leer un fichero JSON, y exponemos las consideraciones que hay que tener en cuenta cuando se trabaja con ellos.
jQuery es una librería javascript que permite realizar modificaciones sobre el contenido de una página web de una manera sencilla e independiente del navegador. Además, jQuery ofrece también una interfaz sencilla para:
jQuery es utilizado en algunos de los sitios web más relevantes, como wordpress.com, twitter.com, wikipedia.org, microsoft.com o ibm.com
En este artículo vamos a comentar las principales características de jQuery y la manera de utilizarlo.