|

Listas de correo con PHP y AJAX

En SitePoint siempre sacan algún tutorial útil y que nos puede facilitar mucho nuestros desarrollos. En este caso se trata de listas de correos, quizás con el tema de las feeds, ya no se usen mucho, pero conozco a unos cuantos que aún tiran de ellas.

A grandes rasgos se trata de lo siguiente:

  • Un HTML dentro de un PHP que recibe las direcciones de correo de los usuarios.
  • Un Javascript que leerá cada cierto tiempo el formulario y realizará una llamada AJAX al servidor con la dirección de correo introducida.
  • Un script PHP que recibe la dirección, comprueba si es correcta, la almacena en la base de datos y manda un mensaje de que todo ha ido bien o de que ha habido error a la página web para que la muestre al usuario.

Use AJAX and PHP to Build your Mailing List

| | |

Laboratorio: carga de combos

Ayer nos preguntaban cómo cargar combos según lo que se seleccione en otro combo, y aunque no me quedó muy claro la duda que tenía, pues para intentar ayudarle, voy a explicar cómo hacerlo mediante tres posibilidades.

Primeramente explicaremos cómo hacerlo mediante el uso de iframes ocultos. Sí, no es nada web 2.0, pero no a todo el mundo se le da bien el desarrollo web, o no le gusta el uso de Ajax, o simplemente, como me pasa a mí, no nos dejan usar Ajax en los desarrollos del cliente (¡vete a saber por qué!).

Después lo haremos mediante Ajax (¡viva la web 2.0!), pero instanciando nosotros mismos el objeto XMLHttpRequest, para que los conceptos de Ajax no se pierdan dentro del uso de librerías, es importante conocer la base para luego usar una librería que te lo haga todo más fácil.

Y por último, ya no solo en plan web 2.0, sino en plan lo último de lo último, lo haremos usando la librería Prototype. Que la verdad sea dicha, no se trata de reinventar la rueda.

Read More “Laboratorio: carga de combos”

FireStats: sistema de estadísticas AJAX

firestats.pngEs cierto que Google Analytics está muy bien, pero hay alternativas y puede que nos den lo que buscamos.
Ofrece privacidad para los usuarios, estadísticas básicas, páginas más populares, sitios que nos referencian, información sobre el navegador y el sistema operativo del usuario, posibilidad de excluir de las estadísticas visitas según características (IP, agente, …), importar estadísticas de Counterize y facilidades para la migración, interfaz AJAX y otras características más.
Otra funcionalidad que hay que destacar es la posibilidad de integrarlo con plataformas del estilo de WordPress, Drupal, trac, …
FireStats
Vía / dzone

Añade Google Search en tu blog mediante AJAX

google.pngGoogle no para de sorprendernos y en esta ocasión nos ofrece un API para incluir búsquedas normales, de videos, en blogs, en mapas y en noticias, en nuestro propio blog (bueno, o sitio web en general). Lo más destacable es que se trata de búsquedas realizadas con AJAX, por lo que la actualización se realiza de una forma muy dinámica.
Como no, Google ofrece además una serie de ejemplos que nos van a ayudar a incluir su API en nuestra web.
Google AJAX Search API
Vía / menéame

| |

Laboratorio: borrar filas de una tabla en HTML y en la BD

Ayer contábamos como borrar una fila de una tabla en HTML, y en los comentarios, Escael nos preguntaba cómo se podría hacer para que también se borrara de la base de datos.

Pues siguiendo con el modo en que se hace en la administración de WordPress, primero haremos el difuminado del color actual de la fila al color rojo y mientras se realiza el borrado en la tabla de la base de datos, haremos que parpadee el color de la fila. Cuando se haya realizado el borrado en la tabla de la base de datos, se eleminará la fila de la tabla HTML y se mostrará un mensaje de aviso de que se ha borrado de la BD.

Read More “Laboratorio: borrar filas de una tabla en HTML y en la BD”

|

Qooxdoo: framework AJAX

qooxdoo.pngQooxdoo es un framework para crear aplicaciones AJAX de forma sencilla, permitiendo crear aplicaciones web estilo escritorio.
qooxdoo2.png
Entre las características que nos ofrece nos encontramos con: detección de cliente, abstraerse del navegador que se use, sintaxis sencilla, debugging, manejar propiedades, eventos y foco con facilidad, una API completa para coockies y Drag&Drop.
Qooxdoo
Demo
Vía / Ajaxian

Atlas: framework AJAX de Microsoft

atlas.pngLos amigos de ASP.NET están de enhorabuena si quieren realizar sitios de forma cómoda en AJAX. Microsoft ha lanzado un framework gratuito que integra AJAX con el desarrollo de aplicaciones web mediante ASP.NET.
Está dividido en dos partes: la parte servidor y la parte cliente. Como se trata de un componente de ASP.NET, se integra completamente con los servicios web que ofrece. A parte, es compatible con algunos de los navegadores más importantes: IE, Firefox, Mozilla y Safari. Facilita el desarrollo de aplicaciones web complejas y su reutilización.
Atlas
Vía / Download Squad

Crea tu propia aplicación AJAX

Completo e interesante tutorial de cómo crear tu propia aplicación web que incluya AJAX. Aun siendo un extracto del libro que ha escrito el autor de este artículo (¿de verdad es necesario comprarse un libro pudiendo encontrarlo casi todo en internet?), lo que nos explica nos puede ayudar bastante a centrarnos a la hora de crear nuestra aplicación AJAX.
Empieza con una explicación de lo que es AJAX, de lo que existía antes de esta técnica y de lo que vamos a necesitar. Una vez centradas las bases de lo que es AJAX, explica el objeto XMLHttpRequest, parte fundamental de AJAX, creando un objeto que controlará todas las funciones (inicialización, enviar petición, recibir petición, …). Y por último la importacia de la asincronía y de cómo mostrar los resultados.
Build Your Own AJAX Web Applications

|

¿XMLHttpRequest nativo en IE7 o no?

IEUno de los anuncios que más esperamos del nuevo IE7 es que el objeto XMLHttpRequest (XHR) iba a ser nativo y no será necesario el uso de ActiveX. Tan solo es necesario crear una nueva instancia de este objeto new XMLHttpRequest() y seguirá funcionando si se desactivan las ActiveX.
Aunque ciertas dudas salen debido a algunos aspectos que han encontrado: xhr.prototype falla, parece ser que la creación dinámica de miembros del objeto falla, y la posibilidad de poder desactivar el objeto XHR. Estas dos cosas hacen sospechar que el objeto sea del todo nativo o no, o al menos que podamos contar con él como contamos con otros elementos HTML.
IE7 XMLHttpRequest – Native or Not?
Vía / aNieto2K

|

Java y AJAX

Para aquellos que quieran meterse en el mundo de AJAX usando Java, Sun nos proporciona toda la información que necesitamos para introducirnos en este mundo. Desde iniciación a AJAX mediante artículos que hablan sobre la importancia de AJAX, hasta a videos, pasando por los típicos ejemplos y componentes que podemos reutilizar.
Ya no hay excusa para los desarrolladores de Java de no meterse en el mundo AJAX.
AJAX and Java
Vía / Digg