Imprimir sólo un texto o foto de una pagina y que este centrado en la página impresa.

juan-raro · #1 (**permalink**) 07/07/2007, 06:50

siento si soy pesado con el tema pero imagino que este es un problema habitual.

encontré estos dos métodos para imprimir una parte de una pagina.
a-decirle lo que quieres imprimir
b- decirle lo que no quieres imprimir y que imprima el resto.

http://www.forosdelweb.com/f4/como-imprimir-solo-texto-foto-pagina-503155/

el problema añadido es que centre en la pagina el objeto a imprimir.

el el caso de usar el código donde le indicas lo que quieres imprimir, incluso saca la imagen o texto fuera de la pagina impresa.

otro problemilla que me encontré es que si las tablas ya tienen un div esto no funciona:
<div id="uno">
Artículo primero
</div>

el código original es este:

Cita:

<html>
<head>
<style type="text/css">
@media print {
div,a {display:none}
.ver {display:block}
.nover {display:none}
}
</style>
<script>
function impre(num) {
document.getElementById(num).className="ver";
print();
document.getElementById(num).className="nover";
}
</script>
</head>

<body>
<div id="uno">
Artículo primero
</div>
<a href="#" onclick="impre('uno');return false">Imprime 1</a>
<div id="dos">
Artículo segundo
</div>
<a href="#" onclick="impre('dos');return false">Imprime 2</a>
<div id="tres">
Articulo tercero
</div>
<a href="#" onclick="impre('tres');return false">Imprime 3</a>
</body>
</html>

juan-raro · #2 (**permalink**) 07/07/2007, 07:28

encontre una posible alternativa aunque queda feo pero parece efectiva.
http://www.forosdelweb.com/showthrea...light=imprimir

para que lo centre simplemente añadi dos lineas, quedaría así:

Código:

<html>
<head>
<script language="JavaScript">
function Imprimir(){
texto=document.getElementById('Celda').innerHTML;
popup=window.open('','','');
popup.document.write('<html>\n<head>\n<title>Celda seleccionada</title>\n');
popup.document.write('</head>\n');
popup.document.write('<div align="center">');
popup.document.write('<body onLoad="print()">\n');
popup.document.write(texto+'\n');
popup.document.write('</div">');
popup.document.write('</body></html>');
popup.document.close();
setTimeout('popup.close()',2000)
} 
</script>
</head>

<body>
<p><a href="#" onClick="Imprimir()">Imprimir esto</a></p>
<table>
<tr>
    <td id="Celda">Esto es lo que se debería imprimir</td>
</tr>
</table>
</body>
</html>