IceBeat

Como he visto que a la gente le ha gustado mucho el experimento del Dashboard he comprimido la carpeta para que podáis curiosear el código.

Tengo pensando crear un API para el script, para hacerlo algo mas comercial por decirlo de algún modo jeje.
Me gustaría que cada widget fuese una carpeta y que los códigos fuesen incluidos dinámicamente sin que el creador del widget se preocupara por su instalación.

Pero eso es algo que requiere mucho tiempo y uno esta de exámenes, creo que son mas importantes no?.

Puedes darte un paseo por el Dashboard y curiosear el código.

Seguimos con la racha de experimentos con AJAX, esta vez es un script que simula el dashboard de Tiger, es algo que he hecho en una tarde y carece de muchas pijadas, pero molaría darle vidilla como alguna animación o usar drag&drop (eso ya para los magos del JS).

Lo podéis utilizar dandole al enlace que pone DB en el menú de la derecha, solo he creado un widget y es un buscador de Google muy simplón.

Con la librería XHconn crear paginas con AJAX es coser y cantar, tan solo tienes que crear tus funciones y olvidarte de la llamada al XMLHttpRequest.

Con esta función más la librería XHconn puedes llamar a cualquier pagina, conseguir los datos que necesites y mostrarlo dentro de un contenedor.

La función JS es page(); y tiene 3 parámetros:

1. El nombre de la ID del contenedor donde ira el HTML
2. La pagina que queremos conseguir
3. Los parámetros que le enviamos por GET

Ejemplo de llamada:

<a href="enlaces.php" onclick="page('content','enlaces.php','cat=blogs'); return false;" title="enlaces">Enlaces</a>

La función:

function page(targetId,url,params) {
target= document.getElementById(targetId);
target.innerHTML = '<p class="load">Loading...</p>';
var myConn = new XHConn();
    if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    var query = function (oXML) {  target.innerHTML = oXML.responseText; };
    myConn.connect(url, "GET", params, query);
}

Ahora desde la pagina principal puedes acceder a todos los contenidos del blog.Y digo a medio AJAX porque el único enlace que no funciona es para mostrar todas las anotaciones.

Ahora me queda acoplarlo a la RC3, que seguro será mas fácil que con la versión anterior

La mejor forma de llamar a Javascript para interactuar con el usuario es utizando los eventos de los enlaces.

Si llamas directamente desde el parámetro href el usuario que no tenga activado JS se quedara sin ver la información ya que no tendrá ningún enlace de apoyo en caso de no funcionar.
Usando los eventos te aseguras de que si algo falla puedes visitar el enlace alternativo para mostrar la información.

Ejemplo correcto:

<a href="ruta_alternativa.html" onclick="info(); return false;" title="Mostrar info">Mostrar info</a>

Si analizamos el ejemplo vemos que contiene un href con la ruta alternativa y un evento para disparar la función JS.El evento es onclick y es llamado cuando se pulsa sobre el enlace, el detalle a tener en cuenta es return false; porque se encarga que el href no se efectúe.