imprimir

[angelmf]

hola buenas tardes me gustaria saber como puedo hacer para que al presionar un boton me imprima solo la tabla que genera mi reporte sin botones ni menús ni nada adicional solo la tabla o en todo caso el formulario

[kseso?]

Crea una hoja de estilo 'imprimir.css.
Añade esta línea en el head
<link rel="stylesheet" type="text/css" href="/css/imprimir.css" media="print" />
y en esa hoja colocas SOLAMENTE aquellos elementos que no se van a imprimir tal que así:
#cabecera, #menu, .boton /*cualquier elemento que no quieras imprimir*/{
display: none !important;
}
Lo puedes hacer extensivo a otros elementos:
a:link {
text-decoration:none;
color:#000;
}
Etc.
Un saludo

[angelmf]

si bueno la cosa esta en que yo si quiero que se muestren por pantalla y que cuando se presione el botón imprimir solo se imprima la tabla eso se puede sin necesidad de pasar a otras páginas ni recargar esta misma etc...

[kseso?]

Iniciado por kseso?

<link rel="stylesheet" type="text/css" href="/css/imprimir.css" media="print" />
y en esa hoja colocas SOLAMENTE aquellos elementos que no se van a imprimir tal que así:
#cabecera, #menu, .boton /*cualquier elemento que no quieras imprimir*/{
display: none !important;
}
Lo puedes hacer extensivo a otros elementos:

Al indicar <... media="print" /> esta hoja de estilo no afectará a lo que ves en pantalla, sólamente el navegador la tendré en cuenta cuando se quiera imprimir.
En el ejemplo que te puse, la cabecera, el menú y el botón se verán en pantalla (pues en la hoja de estilo que tienes como <... media="screen" /> no has definido el 'displaya: none'), sin embargo al imprimir, el navegador tendrá en cuenta tu archivo 'imprimir.css' y actuará en consecuencia no imprimiéndolos.
Un saludo

[Jamati]

o sea, haciendo este metodo, yo tendría dos llamados a un archivo CSS, uno para darle estilos a la página y otro que se llame por ejemplo "imprimir.css" y ahí dentro defino las cosas a imprimir ?

se podría hacer todo en el mismo archivo principal de CSS?... pregunto esto para no usar dos archivos CSS distintos.

[kseso?]

Iniciado por Jamati

o sea, haciendo este metodo, yo tendría dos llamados a un archivo CSS, uno para darle estilos a la página y otro que se llame por ejemplo "imprimir.css" y ahí dentro defino las cosas a imprimir ?

se podría hacer todo en el mismo archivo principal de CSS?... pregunto esto para no usar dos archivos CSS distintos.

Hola de nuevo, Jamati.
Debes tener DOS llamadas a DOS archivos .css distintos

Código:

<link rel="stylesheet" type="text/css" href="/css/imprimir.css" media="print" />
<link rel="stylesheet" type="text/css" href="/css/estilo_pantalla.css" media="screen" />

Debes colocar los dos .css
El navegador atenderá 'estilo_pantalla.css' para presentar tu web en pantalla, y cuando un visitante quiera imprimir, el navegador entonces y solo entonces tendrá en cuenta el 'imprimir.css'.
No puedes usar un solo archivo .css, porque crearías un conflicto y efectos no deseados.

[Jamati]

buenísima explicación, muchas gracias.

[angelmf]

oye de verdad muchas gracias muy buena explicación, pero ahora quisiera saber como podría imprimir eso mismo pero horizontalmente...?

[kseso?]

se me escapa...
Pero creo que vas a necesitar algo más que css. Quizás algún script o...
Esperemos a los sabios de verdad

[angelmf]

ok muchas gracias...