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 de Javascript que tan sólo abre la ventana del navegador de la impresora.
Desde su web, 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 tu página
- Cargar automáticamente la última versión de jQuery en WordPress
- jQuery: Transformar dropdowns en listados al imprimir la página
- Optimiza tu sitio para una impresión correcta mediante estilos CSS
- Cómo realizar una buena hoja de estilos CSS para imprimir
Miércoles, 7 de Enero de 2009 a las 19.47
No entiendo mucho la comodidad, despues de todo al final se muestra el cuadro de dialogo de Impresion, he visto el demo en la pagina del autor http://trevordavis.net/play/javascript-print-link/ y no veo la gran utilidad.
Tal vez lo entendi mal, si alguien puede explicarlo.
Saludos.
Jueves, 8 de Enero de 2009 a las 13.17
@Victor
Lo bueno es que funciona aún cuando el usuario tiene un navegador con JAVASCRIPT NO HABILITADO.
¡Muchos saludos!
Miércoles, 20 de Mayo de 2009 a las 14.15
Hola que tal bueno ando buscando la respuesta a esta pregunta, hay forma de inserta un tag completo con jquery como lo hace PHP en un echo?
echo ”;
Miércoles, 27 de Mayo de 2009 a las 11.04
@Mike: Sí, es fácil:
$("<p>Hola mundo</p>").appendTo("body");Jueves, 8 de Julio de 2010 a las 21.25
no hay utilidad lo unico que funciona si javascrito no esta habilitados
esta hasta las hueveras