Imprimir solo una sección de la pagina con Javascript

[richardinj]

Hola quisiera solo imprimir algunas secciones de mi pagina... por ejemplo...

<div id='seccion1'>
contenido html y formatos....
</div>


<div id='seccion2'>
contenido html y formatos....
</div>


<div id='seccion3'>
contenido html y formatos....
</div>

Lo que quiero es que el usuario elija en un combo (Imprimir sección 1,Imprimir sección 2,Imprimir sección 3)

y se imprima solo lo que esta en esa sección....


Existirá algo asi?


Saludos.

[caricatos]

Hola:

Puedes crear una hoja de estilos media print, más o menos así:

<style type="text/css" media="print" >
* {display: none;}
.imprimible {display: block;}
</style>

Y luego, si quieres imprimir la capa "seccion1", pones algo así:
document.getElementById("seccion1").className = "imprimible";
print();
document.getElementById("seccion1").className = "";

Tal vez convenga temporizar la última línea... pero mejor pruébalo antes.

Saludos

[richardinj]

no funciona, sale en blanco

[caricatos]

Iniciado por richardinj

no funciona, sale en blanco

Pues entonces deberías temporizar la última línea (suponiendo que hubieras puesto el código bien (lo de media="print" es fundamental en la estiqueta style...)

En principio prueba quitando la última línea del código anterior... si el resultado te vale avisa.

Saludos

[richardinj]

Muchas gracias por tus respuestas... pero aun solo sale en blanco :(

[caricatos]

Hola:

Tienes razón, pero es fácil la solución:

Al poner el estilo:
* {display: none;}
estaba ocultando hasta los contenedores de esos divs, así que ocultando el body no se muestran las capas dependientes, entonces como display none puedes poner por ejemplo los tags div:

div {display: none;}

Y luego no volver a ocultar la capa hasta que se imprima... por ejemplo, puedes ocultar todas las capas excepto la seleccionada:

<script type="text/javascript" media="print">
function tag(id) {return document.getElementById(id);};
function imprimir(capa) {
secci = ["seccion1", "seccion2", "seccion3"];
for (i = 0; i < 3; i++)
tag(secci[i]).className = (secci[i] == capa) ? "imprimible" : "";
print();
// tag(capa).className = "";

}
</script>

Saludos