Movable Type Ajax Calendar
- Jul
- 24
escribe tu comentario! 101 palabras - 1 hits
Utilizando Ajax para mejorar la utilidad del calendario incluido en Movable Type
Aprovechando el reciente articulo escrito por Arvind Satyanarayan, Ajax Archive Drop Downs, me he decidido a hacerle unas pequeñas modificaciones con la intención de cambiar el calendario que trae por defecto MT.
La idea es conseguir que al pulsar el enlace correspondiente a un día en concreto se muestren todas las entradas escritas en ese día, que en mi opinion es mas util que el comportamiento que tiene por defecto, de enlazar directamente con la última entrada escrita en el día.
Realmente Arvind nos da todos los ingredientes en su artículo, tan solo necesita unas pequeñas modificaciones.
Para empezar, crearemos una nueva plantilla, en la que tendremos que activar la publicacion dinámica, y como nombre de fichero le pondremos ajax-archives.php, dentro de esta plantilla, pegaremos el siguiente codigo:
- <?php $timestamp = preg_split('/-/', $_REQUEST['timestamp']); $this->stash('start', $timestamp[0]); $this->stash('end', $timestamp[1]); ?>
- <ul>
- <MTEntries current_timestamp="`$start`" current_timestamp_end="`$end`">
- <li id="a<$MTEntryID pad="1"$>"><a href="<$MTEntryPermalink$>" class="title" title="<$MTEntryTitle$>" rel="bookmark"><$MTEntryTitle$></a></li>
- </MTEntries>
- </ul>
En la plantilla que vaya a contener el calendario añadiremos el codigo javascript necesario:
- <script type="text/javascript">
- <!--
- var xmlhttp=false;
- /*@cc_on @*/
- /*@if (@_jscript_version >= 5)
- try {
- xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (E) {
- xmlhttp = false;
- }
- }
- @end @*/
- if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
- xmlhttp = new XMLHttpRequest();
- }
- function touched(timestamp,divID) {
- if (xmlhttp) {
- d=document
- var oInputArray = new Array();
- var requestFile = "<MTBlogURL>php/ajax-archives.php?timestamp=" + timestamp;
- xmlhttp.open("GET", requestFile ,true);
- xmlhttp.onreadystatechange= function () {
- if (xmlhttp.readyState==4) {
- document.getElementById(divID).innerHTML=xmlhttp.responseText
- }
- }
- xmlhttp.send(null)
- }
- }
- //-->
- </script>
Y para acabar solo nos queda modificar la plantilla del calendario, añadiendo al enlace un evento onclick que se encargara de llamar al procedimiento.
- <MTCalendarIfEntries>
- <MTEntries lastn="1">
- <a href="<$MTEntryPermalink$>" onclick="touched('<$MTArchiveDate format="%Y%m%d000000"$>-<$MTArchiveDate format="%Y%m%d235959"$>','content');return false;" title="<$MTEntryTitle$>">
- <$MTCalendarDay$>
- </a>
- </MTEntries>
- </MTCalendarIfEntries>
El funcionamiento del script es bastante simple, un script que realiza una llamada xmlhttprequest, y un fichero PHP que devuelve las entradas publicadas dentro de un rango de tiempo, para que la “magia” ocurra, tendremos que indicar la id del contenedor donde aparecera el contenido, en el caso del ejemplo esta indicado como content.
Realmente es una manera muy simple de sacar partido al calendario que trae MT. Si sois de los que prefieren ver el ejemplo funcionando lo podeis hacer siguiendo este enlace
ningún comentario por el momento