Calendario + jQuery en MOSS2007

Este post nace desde la curiosidad y de la intención de agilizar pequeñas tareas del día a día, de cara a una mejor usabilidad, y tener accesos más rápidos a la información. El tema está orientado a las listas calendario de SharePoint y a la forma de visualizar el contenido de una fecha concreta.

Primero debemos crear una lista nueva de tipo calendario e introducir alguna cita, para después ver los resultados. Posteriormente cree una página de webparts, en la cual añadí la lista calendario como webpart y con vista única de calendario (calendar, además le quite el menú superior para centrarnos solo visualizar) en la parte derecha de esta webpartzone, añadí un content editor webpart, al cual se le incluye este código:

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript">
function handleError() { //fn needed for IE
return true;
}
function jLoadMe(t) {//load content
$("#jLoadMe").load(t+" .ms-formtable", function() {
$("#jLoadMe h3").css("font-size","8pt");
});
}
function initjLoadMe() {//initialize page
var arrayList = $("a[href*='DispForm.aspx']");
$.each(arrayList, function(i,e){
var t = $(e).attr("href");
$(e).hover(function() {jLoadMe(t)});
});
}
$(function() {
window.onerror = handleError; //needed for IE
initjLoadMe();
});
</script>
<div id="jLoadMe" class="content"></div>

Podemos ver que se trata de un script, previamente ya tengo instalada la solución de jQuery, para ello utilice las Smart Tools de CodePlex, ya que nos ofrecen una solución fácilmente desplegable en nuestro SharePoint (La solución la podemos encontrar aquí, pulsamos sobre I agree y se descargara directamente).

El resultado que se obtiene es que cada vez que pasemos el cursor por encima, automáticamente se nos desplegará el contenido de esa fecha (en el margen derecho en este caso) evitándonos tener que hacer click en la fecha y perder el foco en el calendario, de esta forma podemos acceder directamente a los diferentes contenidos de cada fecha agilizando la tarea.

 

calendar1 calendar2
   

 

Fuente: endusersharepoint.

Jesús del Rio.

3 comentarios en “Calendario + jQuery en MOSS2007”

  1. Yo he instalado la solucion en una MV sobre WServer 2003 y no hubo ningun problema. No he tenido oportunidad de probarlo en otro SO, pero cuando lo haga, si se produce alguna incidencia lo comentare en el post.

    Saludos.

  2. No logre aplicar la solucion, soy un novato en el producto y me ha resultado muy complejo todo, si hubiera alguna forma de visualizar el contenido sin instalar este tipo de soluciones al simplemnete sobre poner el mouse como te lo permite WSS 2.0, te agradezco por los comentarios.
    Atte.
    Jose E. Montero

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *