Imprimir solo una seccion de una pagina web con JS

SONNIC · #1 (**permalink**) 10/10/2003, 11:32

Hola!,
Quisiera saber si existe algun truco para poder imprimir por secciones una pagina web con javaScript, ya que window.print(), imprime todo lo que aparece en el browser
He aqui un desafio a los maestros de JS(no me incluyo

)

Salu2
SonniC

rocita · #2 (**permalink**) 10/10/2003, 15:20

yo tanpoco me incluyo ... y quisera saber si es que se puee imprimir seciones al igual que SonniC

Beakdan · #3 (**permalink**) 11/10/2003, 11:06

Sonnic:
Puedes soluciona tu problema con el uso de CSS.
Te dejo aquí un ejemplo que funciona en IE6, NS7 y Opera 7; y que en general debería funcionar en cualquier navegador con un soporte decente de CSS.

Código:

<HTML>
<HEAD>
<TITLE>Ocultando secciones a la impresora</TITLE>
<style>
#seccion1{
	visibility: visible;
	font-size: 16pt;
}
#seccion2{
	visibility: visible;
	font-size: 16pt;
	color:#cc0000;
	margin-top: 16pt;
}
@media print {
	#seccion1{
		visibility: hidden;
		display: none;
	}
	#seccion2 {
		visibility: visible;
		font-size: 20pt;
		padding-left: 30pt;
	}
}
</style>
</HEAD>
<BODY>
<div id="seccion1">Esta es la sección uno. No tiene nada
interesante, nada que informar, es tan sólo un texto
irrelevante, que solamente utiliza espacio.
Esta sección será excluida de la impresión.
</div>
<div id="seccion2">
Esta es la sección número 2. Esta debe ser visible en
pantalla y en la impresión. El secreto de todo radica en
el uso de hojas de estilo en cascada, con indicaciones
de ocultar la primera sección para la impresora (@media print).
</div>
</BODY>
</HTML>

Saludos.

richardinj · #4 (**permalink**) 19/06/2009, 22:04

mmmm y como ordeno con Js que solo debe imprimir la seccion1 ?

caricatos · #5 (**permalink**) 20/06/2009, 01:16

Hola;

El tema se cierra por ser muy viejo.

richardinj: tienes la costumbre de revivir mensajes viejos, donde algunos de los participantes posiblemente no estén activos. Te recomiendo que evites esa costumbre porque los moderadores vamos a cerrar esos temas.

Saludos