Comentarios de la faq Botón Javascript para Imprimir página web no revisados


	Portada \| Monotemáticos \| Secciones \| Desarrolladores \| Comunidad \| Servicios \| Servicios profesionales \| RSS

	DesarrolloWeb.com > FAQ

Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades

Generador METAs | Compras | Busca cursos

Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

FAQ: Botón Javascript para Imprimir página web

Se muestran 8 comentarios sin revisar

Isabel 24/4/07

Buenas!! Veo q hace tiempo q nadie habla x akí, pero me ha venido muy bien estos comentarios, y hay una cosa q todavía no me sale cuando voy a imprimir mi página web:
Si tengo documentación en varias pestañas... ¿cómo hago para imprimirla toda de una vez? Con la hoja de estilo q estoy haciendo para imprimir logro ocultar las pestañas, pero no se como mostrar en la impresión el contenido de las mismas.
Gracias!!

Util | Inutil

LPEINV 02/6/07

Amigo, como puedo realizar lo sig. tengo una pagina en español y otra en ingles, y tengo una ventana pop con una salo imagen de un producto, es decir cuando visitan dicha pagina en espanol abre el pop del producto y otra venta con la misma imagen para la parte ingles, pero en el pop tengo una imagen que dice (Cerrar ventana) en la parte de espanol y (Close Windows) en la parte de ingles, el caso que tengo dos ventanas con el mismo producto podiendo tener una sola ventana, que lo unico que no se como cambiar es la imagen del pop, porque tendria una sola ventana pop, pero cuando la abran, dependiendo en que lenguaje se encuentre este mostrara la imagen, que si es espanol (Cerrar Ventana) o si es ingles (Close Windows), con la misma venta.

Util | Inutil

Claudio 10/7/07

Tengo otra forma de hacer que se imprima la página y a la vez hacer que no aparezca el botón de imprimir:

en el encabezado de la página creas un estilo que oculte el botón o botones que no quieres que aparezcan.

Como ejemplo creen una página tal como ésta:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba de impresión</title>
<style media="print" type="text/css">
#imprimir {
visibility:hidden
}
</style>
</head>
<body>
<p>Esto es una prueba de ocultamiento de botones</p>
<form id="form1" name="form1" method="post" action="">
<label>Imprimir
<input type="button" name="imprimir" id="imprimir" value="botón imprimir (no debe salir en la impresión)" onclick="window.print();" />
</label>
<br/>
<br/>
<label>Otro botón
<input type="button" name="otroboton" id="otroboton" value="Este botón si sale en la impresión" />
</label>
</form>
</body>
</html>

Si habrán notado existe un botón con id="imprimir", este botón es el que se ocultará.

En el encabezado debes poner un style, tal como se muestra :

<style media="print" type="text/css">
#imprimir {
visibility:hidden
}
</style>

el cual oculta el botón solo en el contexto de impresión y no cuando lo vez en el navegador.

Como podrás ver, el único javascript que uso es el del evento onclik.

Espero esto te sirva. Suerte y saludos.

Util | Inutil

Rodrigo 13/7/07

Para que el botón no se muestre al imprimir, lo más fácil es enlazar dos hojas de estilo distintas en tu html, como ya te han dicho:


<link rel="stylesheet" type="text/css" media="all" href="./estilos.css" />


<link rel="stylesheet" type="text/css" media="print" href="./impresora.css" />

Con lo cual, en pantalla.css tendrías algo como esto:

button#imprimir {
display: none;
/* otros estilos sólo visibles para la impresora */
}

Util | Inutil

JJ 21/8/07

Me gustaria saber como enviar la impresion de manera directa a la impresora predeterminada; es decir sin q previamente aparezca la ventana de impresion. La idea es que solo s epueda imprimir una vez y no generen copias del documento.
Gracias

Util | Inutil

Miguel ^.^ 09/1/08

Me parece que las mejores opciones a elegir son las que manejan etiquetas DIV o por manejo de estilos CSS, pero en pariticular me gustó mucho la Respuesta del amigo Fredy, el manejo de la propiedad style = visible/hidden, me sirvió mucho gracias por tu aporte y gracias al resto de los participantes :) xD

Util | Inutil

cesar lozano 26/3/08

buenas como estan, yo soy nuevo en esto y vagando en la red me encontre con este foro... mi duda es la siguiente... lo que quiero lograr es que mi pagina de documentos me mande imprimir otra pagina la cual no va a ser vista por el usuario sino que es "el formato para impresion" de dicha pagina, no se como hacerle, alguien puede ayudarme???

Util | Inutil

macdanet 29/9/08

la opcion de el estilo
<style media="print" type="text/css">
#imprimir{
visibility:hidden
}
El codigo me gusto pero desafortunadamente no funciona en ie6, y este aun tiene gran participacion en internet(a pesar de lo malo que es), es mi mayor dolor de cabeza al programar en la web.

Util | Inutil

Isabel	24/4/07
Buenas!! Veo q hace tiempo q nadie habla x akí, pero me ha venido muy bien estos comentarios, y hay una cosa q todavía no me sale cuando voy a imprimir mi página web: Si tengo documentación en varias pestañas... ¿cómo hago para imprimirla toda de una vez? Con la hoja de estilo q estoy haciendo para imprimir logro ocultar las pestañas, pero no se como mostrar en la impresión el contenido de las mismas. Gracias!!
Util \| Inutil

LPEINV	02/6/07
Amigo, como puedo realizar lo sig. tengo una pagina en español y otra en ingles, y tengo una ventana pop con una salo imagen de un producto, es decir cuando visitan dicha pagina en espanol abre el pop del producto y otra venta con la misma imagen para la parte ingles, pero en el pop tengo una imagen que dice (Cerrar ventana) en la parte de espanol y (Close Windows) en la parte de ingles, el caso que tengo dos ventanas con el mismo producto podiendo tener una sola ventana, que lo unico que no se como cambiar es la imagen del pop, porque tendria una sola ventana pop, pero cuando la abran, dependiendo en que lenguaje se encuentre este mostrara la imagen, que si es espanol (Cerrar Ventana) o si es ingles (Close Windows), con la misma venta.
Util \| Inutil

Claudio	10/7/07
Tengo otra forma de hacer que se imprima la página y a la vez hacer que no aparezca el botón de imprimir: en el encabezado de la página creas un estilo que oculte el botón o botones que no quieres que aparezcan. Como ejemplo creen una página tal como ésta: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Prueba de impresión</title> <style media="print" type="text/css"> #imprimir { visibility:hidden } </style> </head> <body> <p>Esto es una prueba de ocultamiento de botones</p> <form id="form1" name="form1" method="post" action=""> <label>Imprimir <input type="button" name="imprimir" id="imprimir" value="botón imprimir (no debe salir en la impresión)" onclick="window.print();" /> </label> <br/> <br/> <label>Otro botón <input type="button" name="otroboton" id="otroboton" value="Este botón si sale en la impresión" /> </label> </form> </body> </html> Si habrán notado existe un botón con id="imprimir", este botón es el que se ocultará. En el encabezado debes poner un style, tal como se muestra : <style media="print" type="text/css"> #imprimir { visibility:hidden } </style> el cual oculta el botón solo en el contexto de impresión y no cuando lo vez en el navegador. Como podrás ver, el único javascript que uso es el del evento onclik. Espero esto te sirva. Suerte y saludos.
Util \| Inutil

Rodrigo	13/7/07
Para que el botón no se muestre al imprimir, lo más fácil es enlazar dos hojas de estilo distintas en tu html, como ya te han dicho: <!-- lo que aparezca en esta hoja se aplicará tanto para la pantalla como para la impresora --> <link rel="stylesheet" type="text/css" media="all" href="./estilos.css" /> <!-- lo que aparezca en esta hoja sólo se aplicará para la impresora --> <link rel="stylesheet" type="text/css" media="print" href="./impresora.css" /> Con lo cual, en pantalla.css tendrías algo como esto: button#imprimir { display: none; /* otros estilos sólo visibles para la impresora */ }
Util \| Inutil

JJ	21/8/07
Me gustaria saber como enviar la impresion de manera directa a la impresora predeterminada; es decir sin q previamente aparezca la ventana de impresion. La idea es que solo s epueda imprimir una vez y no generen copias del documento. Gracias
Util \| Inutil

Miguel ^.^	09/1/08
Me parece que las mejores opciones a elegir son las que manejan etiquetas DIV o por manejo de estilos CSS, pero en pariticular me gustó mucho la Respuesta del amigo Fredy, el manejo de la propiedad style = visible/hidden, me sirvió mucho gracias por tu aporte y gracias al resto de los participantes :) xD
Util \| Inutil

cesar lozano	26/3/08
buenas como estan, yo soy nuevo en esto y vagando en la red me encontre con este foro... mi duda es la siguiente... lo que quiero lograr es que mi pagina de documentos me mande imprimir otra pagina la cual no va a ser vista por el usuario sino que es "el formato para impresion" de dicha pagina, no se como hacerle, alguien puede ayudarme???
Util \| Inutil

macdanet	29/9/08
la opcion de el estilo <style media="print" type="text/css"> #imprimir{ visibility:hidden } El codigo me gusto pero desafortunadamente no funciona en ie6, y este aun tiene gran participacion en internet(a pesar de lo malo que es), es mi mayor dolor de cabeza al programar en la web.
Util \| Inutil