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
Artículos relacionados
- Link con JQuery para imprimir automáticamente una página de tu sitio
- Cargar automáticamente la última versión de jQuery en WordPress
- jQuery: Transformar dropdowns en listados al imprimir la página
- Cómo realizar una buena hoja de estilos CSS para imprimir
- Optimiza tu sitio para una impresión correcta mediante estilos CSS
Sábado, 1 de Enero de 2011 a las 14.23
Gracias, muchas gracias.
Pronto podré aportar y/o devolver algo de lo que aprendo con ustedes.
Duilio