Programacion

Como crear un botón para imprimir página web con JavaScript

Si queres incluir un botón para imprimir una pagina web podes lograrlo con tan solo una linea de código. Solo hace falta tener acceso al html de dicha pagina. Si el sitio está desarrollado en WordPress lo podes lograr utilizando un plugin.

1.- Código para incluir un enlace de “Imprimir página”:

<a href=”javascript:window.print()”> Imprimir</a>

Este código inserta un enlace que abre el Diálogo de Impresión para imprimir el documento actual.

 

2.- Código para incluir un botón de “Imprimir página”:

<input type=”button” value=”Imprimir” onclick=”javascript:window.print()” />

Este código inserta un botón que abre el Diálogo de Impresión para imprimir el documento actual.

 

3.- Código para incluir un enlace de “Imprimir página” con una imagen.

<a href=”javascript:window.print()”>
<img src=”ruta-de-la-imagen” width=”” height=”” alt=”” /></a>

Si en lugar del botón queremos mostrar un gráfico debemos cambiar “ruta-de-la-imagen” por la dirección url de la imagen. Despues en width=”” height=”” ingresamos las dimensiones de la misma. Por ultimo en alt escribimos un titulo descriptivo.

 

Click to comment

You must be logged in to post a comment Login

Leave a Reply

Most Popular

To Top
$(".comment-click-175").on("click", function(){ $(".com-click-id-175").show(); $(".disqus-thread-175").show(); $(".com-but-175").hide(); }); // Infinite Scroll $('.infinite-content').infinitescroll({ navSelector: ".nav-links", nextSelector: ".nav-links a:first", itemSelector: ".infinite-post", loading: { msgText: "Loading more posts...", finishedMsg: "Sorry, no more posts" }, errorCallback: function(){ $(".inf-more-but").css("display", "none") } }); $(window).unbind('.infscr'); $(".inf-more-but").click(function(){ $('.infinite-content').infinitescroll('retrieve'); return false; }); $(window).load(function(){ if ($('.nav-links a').length) { $('.inf-more-but').css('display','inline-block'); } else { $('.inf-more-but').css('display','none'); } }); $(window).load(function() { // The slider being synced must be initialized first $('.post-gallery-bot').flexslider({ animation: "slide", controlNav: false, animationLoop: true, slideshow: false, itemWidth: 80, itemMargin: 10, asNavFor: '.post-gallery-top' }); $('.post-gallery-top').flexslider({ animation: "fade", controlNav: false, animationLoop: true, slideshow: false, prevText: "<", nextText: ">", sync: ".post-gallery-bot" }); }); });