Imprimir una página web

04/jun/2007 JavaScript , , 18 Comentarios
javascript

Una de las cosas que posiblemente quiera hacer un usuario en nuestra página web, sea la de imprimir la página. Está claro que esto lo pueden realizar mediante las opciones de los navegadores.

La idea de este ejemplo es posibilitar la impresión de la misma página. Para ello nos apoyaremos en código JavaScript. Dentro de JavaScript tenemos el objeto Window y en concreto en el método .print().

  1. Window.print();

Este método lo que hace es imprimir la página tal y como la estamos visualizando en el navegador.

Esta soportado por el Internet Explorer (a partir de la versión 5), FireFox y Opera. Es por ello que para el caso del Internet Explorer deberemos de comprobar que no se está visualizando la página con una versión inferior a la 5. Ya que, a día de hoy, todavía se encuentran Internet Explorer de menor versión.

La versión del navegador la comprobamos mediante el objeto Navigator, y en concreto con la propiedad .appVersion. El código quedaría de la siguiente forma:

  1. function imprimir(){
  2. if (parseInt(navigator.appVersion)>4)
  3. window.print();
  4. }

Solo nos quedará invocar a la función imprimir:

  1. <a href="#" onClick="imprimir();">Imprimir la página web</a>

Vídeos sobre Javascript

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

18 comentarios en “Imprimir una página web”

Víctor Cuervo

salvador

como dice oscar esa es la funcion para sacar el titulo..
function Imprimir(){
document.title=””;
window.print();
}

pero me imagino que para sacar el pie de paggina tendria que ser algo asi:
function Imprimir(){
document.title=””;
document.footer=””;
window.print();
}

se me ocurre que puede ser asi

Víctor Cuervo

Oscar Barr

Ahora que ya vimos que pudimos resolver ese tipo de dudas, quisiera que me ayudaran a una mas, necesito exportar una tabla de html a un archivo csv, esto es en php, pero tengo un detalle, he buscado un ejemplo y si me lo logra hacer la exportacion de la tabla pero esto es cuando nadamas incluyo codigo para hacer la consulta. el chiste es que tengo que generar la tabla apartir de unos combo box y al imprimir la tabla en la pagina le incluyo el boton de exportar y si me exporta pero me exporta todo el codigo de la pagina. no se si me explique, espero pueda alguien contribuirme en esto, saludos y les dejo un reto.

Víctor Cuervo

JULIAN VELAZQUEZ ZAPATA

exelente ese, muy bien me fue de gran utilidad tu comentario
mas bien tu cosigo, imprimir la parte de una pagina web.

bueno pues muchas grasias a todos los que pariticpan en este foro

NOS VEMOS EN EL FUTURO…!

Víctor Cuervo

Oscar Barr

Buen dia a todos, miren ya encontre una solucion en otro foro de todos modos se las paso para aquellos que tengan el mismo problema que yo:

lo unico que hay que hacer es agregar un estilo que oculte la parte que no queremos que se imprima:

@media print {
#noimprime{
visibility: hidden;
display: none;
}

}

y con un div delimitar las secciones que queremos imprimir:
<div id=imprime
aqui lo que queramos imprimir….
<div id=noimprime
aqui va lo no queramos imprimir….

Cualquier duda pregunten, luego paso el link del foro donde encontre esta solucion, pero no se donde lo deje.

Saludos y buen dia :) , suerte

Víctor Cuervo

Oscar Barr

Buen dia a todos, miren ya encontre una solucion en otro foro de todos modos se las paso para aquellos que tengan el mismo problema que yo:

lo unico que hay que hacer es agregar un estilo que oculte la parte que no queremos que se imprima:

@media print {
#noimprime{
visibility: hidden;
display: none;
}

}

y con un div delimitar las secciones que queremos imprimir:

aqui lo que queramos imprimir….

aqui va lo no queramos imprimir….

Cualquier duda pregunten, luego paso el link del foro donde encontre esta solucion, pero no se donde lo deje.

Saludos y buen dia :), suerte

Víctor Cuervo

Alirio Tellez

Gracias: Quisiera imprimir solo parte de una pagina, hago la seleccion con el raton pero sale la pagina completa. Cordial saludo.

Víctor Cuervo

Oscar Barr

Hola a todos, muy buena la ayuda solo que quisiera imprimir solo una parte de la pagina web, es decir, tengo unos combos que hacen una busqueda y me arrojan una tabla, pero solo quiero imprimir la tabla y me sale toda la pagina, espero me puedan ayudar de antemano gracias, saludos.

Víctor Cuervo

Julian velazquez zapata

hola alguien me puede decir como acer para que al imprimir la pagina web

no se impriman el nombre d ela pagina como encabezado

ni la fecha ni pagina 1 de 4

eso lo ponse el nabegador por default pero como se le ace para que no lo imprima

Víctor Cuervo

Oscar

function Imprimir(){
document.title=””;
window.print();
}

asi le quitan el titulo ahora quisiera saber como sacar el numero de pagina y el pie de nota si saben como se los llama porfa avisenme eh estado revisando en internet pero todavia nada

Víctor Cuervo

ADRIANA

SI TENGO UN MARCO ESTE CODIGO ME SIRVE PARA IMPRIMIR SOLO UN PARTE DE EL O NO

Víctor Cuervo

Yelvin

Quisiera saber al igual que el amigo Gerardo: se puede imprimir sin que aparezca el cuadro de dialogo del navegador? Mil gracias!

Víctor Cuervo

SOLANGE

PUEDO MODIFICAR LA HOJA PARA IMPRIMIR..XQ N QUIEOR Q SALGAN LAS PROPAGANDAS

Víctor Cuervo

KICEDO

EN EL BROWSER CLIC EN ARCHIVO /COFIGURAR PAGINA Y LE QUITA EL ENCABEZADO Y EL PIE DE PAGINA

Víctor Cuervo

YADIRA

UTILICE LA FUNCION DE JAVASCRIPT PARA IMPRIMIR Y RESULTO MUY BIEN, PERO EN LA PARTE SUPERIOR DE LA HOJA APARECEN EL NOMBRE DE LA PAGINA Y LA DIRECCION DE LA MISMA.

¿COMO LE PUEDO HACER PARA QUE NO IMPRIMA MAS QUE EL CUERPO DE LA PÁGINA SIN ENCABEZADOS NI PIE DE PÁGINA?

Víctor Cuervo

Enrique

Ya puedo hacer que salga la impresion usando:

Imprimir

Loque deseo es que la impresion NO incluye el título y el pie del navegador de manera automatica, sin que el usuario le diga archivo / configurar pagina/ encabezado y pie …

Como le hago?

Víctor Cuervo

Gerardo

Mis estimados, no saben ustedes una forma de mandar imprimir una pagina web pero sin que salga el cuadro de dialogo de la impresora en el explorer?
lo que quiero es en un reporte que al generardo salga automaticamente en la impresora pero no he encontrado la forma de hacerlo si saben como les agradeceria bastante que me ayudaran

…gracias…

…5…3…

Víctor Cuervo

IhateDesign

voy a usarlo, ojala me sirva, gracias por el ejemplo!!!

Víctor Cuervo

victor

vale callampa esta forma, es mejor para sacar informes traspasarlo a un PDF con la libreria iTex que es gratis

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*