Hola:
Es muy facilito te explico, debes de conjugar javascript y css, o bien solo
css. Te explico ambas formas.
Antes de nada para el corte, debes de aplicarlo en elementos a nivel de
bloque(<tr>, <table>, <h1>, <pre>, etc..) el siguiente estilo :
style="page-break-after:always", mira la documentación hay mas propiedades.
otra forma de hacerlo
<style>
H1.SaltoDePagina { PAGE-BREAK-AFTER: always}
</style>
Y en el lugar puntual en donde quieras que te haga el salto debes de poner:
H1 class=SaltoDePagina></H1>
Eso es el lo que se refiere al corte, para ocultar elementos establece un id
a la etiqueta que quieras ocultar, y en tu boton imprimir llama a una
función que oculte esos elementos por ejemplo:
document.forms[0].getelementbyid('xxxx').style.visibility="hidden";
document.forms[0].getelementbyid('xxxx').display="none";
window.print();
Aunque lo mas recomendable es generar una hoja de estilo solo para la
impresión, en ella define los saltos de impresión y los elementos que
quieras ocultar, por ejemplo si en tu hoja de estilos normal tienes la clase
boton con unas determinadas propiedades, en la de impresión le pones display
= none; de esta forma cuando le des a imprimir ya no saldrá. Este ejmeplo es
extrapolable a los demas elementos. Para vincular esta hoja de estilo es
igual que la otra solo que el atributo media es print.
<link href="../../estilos/estilos3.css" rel="stylesheet" media="print"
type="text/css">
Solo se usará esta hoja, cuando vayas a imprimir. Puedes hacer prueba con el
previsualizador de impresion.
No se si me he explicado bien, tampoco se cual es tu nivel respecto a estos
temas si tienes alguna duda pon otro mensaje.
Saludos.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
