Buen script que nos permite resaltar el código que mostramos dentro de un <pre$gt;<code lang=”[lenguaje]“$gt;…</code$gt;</pre$gt; en nuestras páginas web o blogs.
El script realiza una llamada Ajax con los trozos de código y su lenguaje y recibe el html de cada trozo de código ya formateado. Utiliza GeSHi para resaltar el código, pero puede utilizar otras.
Ajax Syntax Highlighter
Vía / philsci
Es 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
Siguiendo con AJAX, hoy vamos a realizar un ejemplo que puede ser útil para los usuarios de WordPress. Se trata de un marco que muestra una lista con las entradas de nuestro blog, con paginación y efecto de fundido para darle más vistosidad.
Read More “AJAX paso a paso: paginación de entradas para WordPress”
Cuando usamos Ajax en nuestras aplicaciones solemos usar un script especÃfico que devuelva los datos preparados para que el cliente los interprete y los muestre.
En algunas ocasiones no suele ser de nuestro agrado que usuarios accedan directamente a las URLs empleadas para Ajax.
Para evitar esta situación se puede usar un script sencillo. Se tomará en cuenta el valor de la variable de entorno HTTP_REFERER, la cual nos devuelve desde qué página se accede a nuestro script.
$ref = getenv('HTTP_REFERER');Si el contenido de esta variable es false entonces es que se ha accedido directamente desde el navegador, si no, es que se accede desde una página, también habrá que comprobar que la página es la que nosotros queremos.
<?php
$ref = getenv('HTTP_REFERER');
if (!$ref || $ref != '[nuestra url]') {
?>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"xhtml1-transitional.dtd">
<html>
<head>
<title>Sentido Web - Redireccionamiento Ajax</title>
</head>
<body>
<h1>Sentido Web - Redireccionamiento Ajax</h1>
<p><?php echo "Hola, son las ".date("H:i:s"); ?></p>
</body>
</html>
<?php
} else {
echo "Hola, son las ".date("H:i:s");
}
?>En este caso mostraremos una página cuando no haya referer o no sea el que nosotros esperamos. También se podrÃa hacer para que el referer estuviera en el servidor, pero eso lo dejo para que lo haga el que lo necesita.
Una funcionalidad parecida se podrÃa usar por temas de accesibilidad, dependiendo de un parámetro que indique si se trata de una llamada Ajax o no, se devuelva la información para el script del cliente o se muestre la información en una página.
<a href="url-ajax.php" onclick="ajax('url-ajax.php?ajax=1')">Enlace</a>En el caso de haber problemas de accesibilidad, el enlace accede a la página con la información. En caso contrario, ejecuta la funciona ajax(), indicándole que se trata de una llamada Ajax para que nos devuelva la información formateada, ya sea en XML o JSON o como queramos.
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 es un framework para crear aplicaciones AJAX de forma sencilla, permitiendo crear aplicaciones web estilo escritorio.
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
Ajax tiene muchos amigos debido a la Web 2.0 y muchos enemigos, sobre todo debido a la usabilidad. Al igual que dijimos con el tema de Flash, el problema no es Ajax, sino el uso que se da de él. Por eso, conocer estos consejos nos puede venir bastante bien:
Yo añadirÃa que hay que tener en cuenta que el orden de llegada de las respuestas no tiene que ser el mismo que el de las peticiones, si es importante el orden, usa bloqueos pare evitar problemas de concurrencia.
The top 10 mistakes when using AJAX
VÃa / dzone