Ago 05

AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.

Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en XML.

Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model (DOM).

Dicho esto, os presento un Tutorial AJAX para aprenderlo desde cero. El objetivo de este tutorial es poder aprender Ajax viendo un concepto teórico, luego algunos ejercicios resueltos y otros por resolver.
Se pueden desarrollar los ejercicios en el sitio, probarlos, modificarlos y ver los resultados inmediatamente.

A lo largo del curso se introducen conceptos de Ajax desde CERO, si os habéis olvidado de HTML, JavaScript, CSS, PHP o DHTML podéis visitar HTML Ya, JavaScript Ya, CSS Ya, PHP Ya y DHTML Ya

Además, se puede visitar luego el tutorial de : Introducción a la librería jQuery (JavaScript)

Luego de completar el curso nos invitan a desarrollar conceptos y aprender de los propuestos por otros visitantes, ingresando en CodigoFuenteYa

Dic 26

Ajax Rain es una web donde podemos encontrar todo tipo de recursos sobre Ajax, JavaScript y DHTML.

Ajax Rain: Recursos de Ajax, JavaScript y DHTML

Podemos buscar lo que queramos y simplemente descargarnos el recurso que necesitamos, listo para probarlo e implementarlo en nuestras webs.

Ya lo tengo entre mis favoritos. Totalmente recomendado.

Jul 30

Lo primero agradecer a Miquel su ayuda para elaborar este pequeño ( pero matón :P ) tutorial.
El objetivo del manual es el de crear un efecto de retardo al subir y bajar en una página web. Lo podéis ver en este blog, en el botón de subir y en el botón de dejar tu comentario. Veréis como no va de golpe a su destino sino que va un pelín lento.

Aquí también tenéis una demostracion:
http://tobielangel.com/examples/auto-scrolling-page-navigation

Lo primero que tenemos que hacer, es descargar los siguientes ficheros:

http://tobielangel.com/javascripts/prototype.js
http://tobielangel.com/javascripts/effects.js

Lo siguiente que tenemos que hacer, es remplazar el fichero original prototype, (NOTA: por si las moscas hacer una copia de seguridad). Lo tendréis en wp-includes/js/ y también subir el fichero effects.js al a carpeta wp-includes/js/

Y después añadir el siguiente codigo dentro de la etiqueta HEAD :



Ahora para utilizarlo:

El enlace:
Subir

El destino:

Incluiremos el atributo id=”top” en el elemento que queramos. Por ejemplo en una etiqueta H1.

Pues eso es todo. Fácil ¿verdad? ;)

Abr 25

Ya sé que esta solución es vieja, pero la veo muy fácil de utilizar y rápida.
Muchas veces nos habrá ocurrido, estamos en la situación de estar creando una gestión de datos y queremos que el usuario cuando haga click en eliminar nos aparezca la típica ventana donde le preguntamos si desea confirmar el borrado o no.
La solución es bien simple, en la etiqueta del enlace (etiqueta: a ) creamos otro evento con el siguiente formato:

onclick="if(!confirm('¿Confirma el borrado?'))return false"

De esta manera si el usuario hace click en NO, no pasará nada y al contrario, si hace click en SI se ejecutará la acción de eliminar (por ejemplo).

Si deseamos utilizarlo en javascript lo utilizaremos de igual manera, creando una funcion e incluyendo:

if(!confirm('¿Confirma el borrado?'))return false

Con su respectiva estructura, ya tendremos lo que buscábamos.

Abr 20

Adrián ha creado el juego de Hundir la Flota. Todo con Javascript y Php. Sin acceso a datos ni nada por el estilo. Podeis jugar aqui. Además podemos seleccionar la resolución de pantalla con la que queremos jugar y el nivel. Espero que les guste a los jugones ;) .

Ene 21

Me entero a través de meneame, de este pequeño truquillo para modificar cualquier web.

Para realizarlo, solamente nos iremos a la web que queremos modificar, esperamos que cargue toda la web y en la barra de navegación ponemos esto:

javascript: document.body.contentEditable='true'; document.designMode='on'; void 0

Comprobaremos que podemos editar el contenido de la web como queramos.

Interesante para hacer alguna que otra bromilla… :P