Micaela 2 de Enero de 2008 a las 09.00
   Imprimir artículo
elWebmaster.com

Link con JQuery para imprimir automáticamente tu página

Internet, recursos, javascript, jQuery

Muchas veces al diseñar una web es necesario añadir un link que nos de la posibilidad de realizar una impresión automática del sitio, puede parecer una tarea sencilla pero por lo general lo que se hace es añadir un link Javascript que tan solo abre la ventana del navegador de la impresora.

Desde la web de Trevor Davis nos trae una sencilla solución, que gracias a la implementación de Jquery, nos permitirá que este link funcione aunque el usuario no posea habilitado a Javascript.
La solución consiste en escribir el link para imprimir en el DOM utilizando JavaScript y luego adjuntar un “Haz clic aquí” al link del evento.

Este es el script que debemos implementar:

$(document).ready(function() {
$(’ul#tools’).prepend(’<li class=”print”><a href=”#print”>Click me to print</a></li>’);
$(’ul#tools li.print a’).click(function() {
window.print();
return false;
});
});

Finalmente se añade un “return false” para anular la acción del link.

Esta es sencillamente otra demostración de cómo se puede mejorar la experiencia del usuario gracias a jQuery.

Fuente: Trevor Davis

Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Artículos relacionados

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesión