Imposible no haberse enterado, ya esta aquí: Firefox 1.5
Repasando mis enlaces sobre css en del.icio.us, me fijé que tenía una buena lista con webs que ofrecían templates, para construir una web con hojas de estilo. Es una mera enumeración, el primero no es el mejor, aunque podría serlo claro, igual conoceís alguno mejor:
Continuando la línea de los últimos post, os dejo la siguiente librería de tags para JSP y AJAX: AjaxTags.
La versión 1.1 se publicó el 13 de Noviembre y aparte de corregir algunos bugs, añade algunas tags más. Si quereis ver estas tags trabajando os podeis pasar por: AjaxTags Demos
Es una buena opción si quereis introducir AJAX en vuestro desarrollos (JAVA) y no quereis complicaros demasiado, ni desarrollar vosotros mismos todo el entramado de llamadas que va por detras de una aplicación AJAX.
Uno de los ejemplos que llama más la atención es Autocomplete, sorprende más incluso, después de ver el poco código que necesita. Realmente es muy útil para que el usuario sepa, los terminos disponibles sobre los que hacer una busqueda.
Una de las nuevas etiquetas de la versión 1.1 (esperada por muchos) es el añadido que se le hace a las tags de DisplayTag, para evitar la recarga de la página cuando pulsamos los enlaces de paginación.
Una web que visito con regularidad es Ajaxian. En esta web se encargan de recopilar noticias relacionadas (como no) con AJAX. Se recojen ejemplos de aplicaciones realizadas basadas en esta tecnología sin importar el lenguaje sobre el que esten corriendo (php, jsp, ruby, ...)
Es un buen lugar para comprobar la potencia que puede dar AJAX, así como para conecer novedades en torno a esta emergente forma de programar la web.
Pero como no todo el monte es oregano, ni todo lo que reluce es oro, en AJAX no son todo ventajas. En la siguiente entrada, se recogen varios problemas que surgen al desarrollar webs con AJAX. En el mismo sentido, pero más alla de los problemas de implementación que pueden surgir, en javahispano han abierto un post sobre los problemas que puede acarrear AJAX para la estandarización de la web. Hacen una reflexión sobre como se ejecutan la aplicaciones web AJAX, en los distintos navegadores. Como siempre los malos son los mismos...
Veremos a donde llegamos, sea donde sea, es indudable que AJAX está montando un revuelo importante. Y que se quede, o se vaya será lo de menos. Lo que importa es que ha dejado patente que los usuarios y desalloradores, necesitan funcionalidades que hoy por hoy no existen en las aplicaciones web tradicionales.
Aficionado como soy a coleccionar libros en formato electrónico, hace unos días me hice por fín con Ajax In Action. En este otro enlace os dejo la dirección para comprarlo en amazon.
El libro se ha ido soltando con cuenta gotas, durante los meses anteriores a su publicación se han colgado capitulos sueltos.
La serie in Action de Manning, tiene varias libros muy interesantes, como por ejemplo Hibernate in Action y Spring in Action, que en amazon se venden juntos en un pack que permite ahorrar algunos euros. Estos dos están ya en mi colección en formato electrónico, pero me gustaría que estuvieran además en mi colección de tapas duras.
Post escrito escuchando: AB.
var myAjax = new Ajax.Request(url,{method: 'get', parameters: pars, onComplete: showResponse});
Esta una pequeña introducción a AJAX, lo primero que os dejo en el contenido del fichero javascript, donde se encuentran las funciones que se encargan de realizar la petición, responder a los cambios de estado de esta y por ultimo parsear el documento xml de vuelta y pintarlo en pantalla.
miajax.js:
function makeRequest(url){
//crear objeto peticion
request = new XMLHttpRequest();
//asociar: por cada cambio de estado se ejecuta esta funcion
request.onreadystatechange = fncEstadoHandler;
//elegir el metodo de la peticion, la url a donde se hace, y si es o no asicrono
request.open("GET", url, true);
//enviar peticion, null por ser get
request.send(null);
}
function fncEstadoHandler(){
if(checkReadyState(request)){
//obtener el objeto respuesta
var response = request.responseXML.documentElement;
//parsear xml de vuelta
var issued = response.getElementsByTagName('issued')[0].firstChild.data;
var modified = response.getElementsByTagName('modified')[0].firstChild.data;
var created = response.getElementsByTagName('created')[0].firstChild.data;
//fin parseo
//pintar lo parseado en la pagina
document.getElementById('pizarra').innerHTML = issued + "
" + modified + "
" + created;
}
}
function checkReadyState(obj){
if(obj.readyState == 0){
//0 - Uninitialized. The object is not initialized with data.
document.getElementById('estado').innerHTML += "Sending";
}
if(obj.readyState == 1){
//1 - Loading. The object is loading its data.
document.getElementById('estado').innerHTML += "Loading";
}
if(obj.readyState == 2){
//2 - Loaded. The object has finished loading its data.
document.getElementById('estado').innerHTML += "Loaded";
}
if(obj.readyState == 3){
//3 - Interactive. The user can interact with the object even though it's not fully loaded.
document.getElementById('estado').innerHTML += "Ready";
return true;
}
if(obj.readyState == 4){
document.getElementById('estado').innerHTML += "Complete";
//4 - Complete. The object is completely initialized.
if(obj.status == 200){
// Estado 200 devuelto por el servidor web, todo correcto
return true;
}else if(obj.status == 404){
// Estado 404 devuelto por el servidor web, la URL pedida no encontrada
document.getElementById('estado').innerHTML += "File not found";
}else{
// Otros problemas
document.getElementById('estado').innerHTML += "There was a problem retrieving the XML.";
}
}
}
