IceBeat

Para aquellas personas que tengan Textpattern 1.0rc3 como CMS les he preparado un plugin para poder disfrutar del sistema de comentarios basados en AJAX.

Instalación:

Paso 1:

Descargar el plugin y descomprimirlo.

Paso 2:

Subir a raiz los archivos js.js y ajax.comments e instalar el plugin
dml_ajax_comments (No te olvides de activarlo).

Paso 3:

Incrustar la llamada a Javascript en las paginas default y archive.

<script type="text/javascript" src="js.js"></script>

Paso 4:

Sustituir las etiquetas e añadir las nuevas.

Cambiar

<txp:article  /> 

por

<txp:dml_ajax_article ajax="all" /> 

Esta etiqueta sigue manteniendo los mismos parámetros que txp:article pero se le ha añadido el parámetro ajax para decidir si se quiere ejecutar tanto en la principal como en las anotaciones individuales.
Usar ajax="none" para que en las entradas individuales se use el formulario de toda la vida.

Cambiar en el formulario default (article)* la etiqueta <txp:comments_invite /> por <txp:dml_ajax_comments_invite /> e insertar la etiqueta contenedora de los comentarios.

<txp:dml_ajax_box value="Comentarios..." />

Ejemplo:

<h3><txp:permlink><txp:title /></txp:permlink> &#183; <txp:posted /></h3>
<txp:body />
<p><txp:dml_ajax_comments_invite /> </p> 
<txp:dml_ajax_box />
<p>* * *</p>

Añadir en el formulario comment_form (comment)* las etiquetas

<txp:dml_ajax_message />
<txp:dml_ajax_close_comments value="Ocultar comentarios" title="Ocultar comentarios" />

Ejemplo:

<table cellpadding="4" cellspacing="0" border="0">

<tr>
  <td align="right" valign="top">
  Message:
  </td>
  <td valign="top" colspan="2">
  <txp:dml_ajax_message />
  </td>
    </tr>

<tr>
  <td align="right" valign="top">
   <txp:text item="name" />
  </td>
   <td valign="top">
  <txp:comment_name_input />
  </td>
  <td valign="top" align="left">
  <txp:comment_remember />
  </td> 

</tr>

<tr>
  <td align="right" valign="top">
  <txp:text item="email" />
  </td>
  <td valign="top" colspan="2">
  <txp:comment_email_input />
  </td>
    </tr>

<tr> 
  <td align="right" valign="top">
  http://
  </td>
  <td valign="top" colspan="2">
  <txp:comment_web_input />
  </td>

</tr>

<tr>
  <td valign="top" align="right">
  <txp:text item="message" />
  </td>
  <td valign="top" colspan="2">
  <txp:comment_message_input />
  </td>

</tr>

<tr>
  <td align="right" valign="top">&nbsp;</td>
  <td valign="top" align="left">

<txp:comments_help />
  </td>
  <td align="right" valign="top">

<txp:comment_preview />

<txp:comment_submit />
  </td>

</tr>
  </table>

<p class="cerrar"><txp:dml_ajax_close_comments /></p>

Paso 5:

Comprobar que todo funcione y disfrutar del sistema ;P.

He creado un zip para descargar la estructura de los comentarios basados en AJAX.Están todos los archivos comentados, observad que la clave de todo se basa en la ID del articulo.

Descargar ejemplo

Viene la cosa muy precipitada, pero es que ha surgido así. Este viernes 6, a las 19:00h en la parada de autobuses de la UA (la que tiene el techo grande, en la rotonda del tanatorio) hemos quedado un par de geeks para hacer una kedada CSSera (y de estándares web, en general). Una vez reunidos todos, procederemos a realizar la migración hacia una tetería de Sanvi muy chula.

Estáis todos invitados ;P. Más info en: Cafeína .

Nueva versión de CSScompiler con el código mejorado y con soporte para la regla @media.

Más info en CSScompiler .

Esto es una prueba experimental para ver como se comporta Ajax en el blog, si entráis a la pagina principal (no a las individuales) veréis que en las anotaciones aparece un enlace para “mostrar/ocultar” comentarios, si le dais notareis que cargan en la misma pagina a tiempo real.

También podéis añadir comentarios al instante, tan solo saber que debéis tener paciencia ;P.
Yo de JS no se nada entonces es muy probable que falle en algunas cosas, de todas formas es para probar si funciona bien.

Pues nada a probarlo :P.