Imprimir sólo una porción de un HTML

AlZuwaga · #1 (**permalink**) 13/11/2003, 13:52

Güenas, la otra vez creo que fue Don KarlanKas quién me pasó un pequeño script para copiar una tabla al portapapeles de windows.

Ahora vengo por otro tema, aunque de características similares:

Quisiera que haciendo click en un botón, se lance el diálogo de imprimir pero que sólo se imprima el contenido de una tabla determinada (esto para que no salga impreso el botón de imprimir ni otros enlaces que sirven para administrar la aplicación y que no deben estar en el reporte impreso)

Será que es posible hacer eso?
Si la respuesta es "si", pues estaría genial que venga acompañada de la solución

Bueno, me faltó aclarar que no sé si este tema es de javascript o de CSS. Por lo que le pido al moderador de turno del magnífico foro javascript que en caso de ser necesario modere a su colega y traslade el mensaje al foro que mejor corresponda

Gracias

KarlanKas · #2 (**permalink**) 13/11/2003, 14:16

Amantisimo moderador de ASP (a ver quien de los dos es más pelota):

Le comunico que está bien posicionado. Esta labor corresponde a JS. Permítame comentarle una posible solución que tal vez resuelva su pequeño problema.

Ha de saber, mi siempre acertado colega, que esta solución sólo funcionará con las versiones más avanzadas de los distintos navegadores. Pero, hoy por hoy, quién usa el NS 4.78?

La solución sería esta función:

Código PHP:

  function imprimir(soloEsto){

 
contenido=document.getElementById(soloEsto).outterHTML;

ventana=window.open("about:blank","ventana","width=700,height=600,top=0;left:3000");

ventana.title="Imprimiendo..."

ventana.document.open();

ventana.document.write(contenido);

ventana.document.close();

ventana.print;

ventana.onprint=ventana.close();

 
}

y en el botón pones un onclick="imprimir(nombreDeLaTabla)"

No lo he probado porque estoy vaguete, pero igual funciona y todo.

Dime si te va!

Saludooos!

KarlanKas · #3 (**permalink**) 13/11/2003, 14:26

Tras revisarlo quedaría así:

Código PHP:

  <html>

<head>

<script>

function imprimir(soloEsto){

var contenido = document.getElementById(soloEsto).outerHTML;

ventana=window.open("about :blank","ventana","width=700,height=600,top=0,left=3000");

ventana.document.open();

ventana.document.write('<html><head><title>Imprimiendo...</title></head><body onprint="self.close()">');

ventana.document.write(contenido);

ventana.document.write('</body></html>');

ventana.document.close();

ventana.print();

ventana.focus();

ventana.close();

 
}

</script>

    <title>Untitled</title>

</head>

 
<body>

<div id="pepe">Hola soy pepe.</div>

<input type=button value="EE" onclick="imprimir('pepe')">

</body>

</html>

AlZuwaga · #4 (**permalink**) 13/11/2003, 15:24

O_o!!!!

Maistro! Funciona pipí-cucú Ñ_ñ

Sólo que no me respeta los estilos de la tabla ¬¬
Sería demaciado ">_<" pedir qué se imprima con los estilos? (están definidos en un CSS externo y el nombre del class es "contenido")

K!

AlZuwaga · #5 (**permalink**) 13/11/2003, 15:33

Weeeeee!!! Ya'stá:

Código:

ventana.document.write('<html><link href="../../../estilos.css" rel="stylesheet" type="text/css"><head><title>Imprimiendo...</title></head><body class="contenido" onprint="self.close()">');

Gracias, muchas

KarlanKas · #6 (**permalink**) 13/11/2003, 17:34

No veas como me alegra de que te sirva mi solución!

De nadas muchas también!

KarlanKas · #7 (**permalink**) 13/11/2003, 17:36

Ahora que lo veo creo que puedes quitar lo de onprint=self.close... porque ya lo cierra desde el opener...

Ayos

sergi_climent · #8 (**permalink**) 29/06/2006, 02:07

Buenas, estoy mirando como imprimir una parte de un pagina web y me di con esto pero no consigo q ande.... tengo lo siguiente:

Código PHP:

  function imprimir(soloEsto){ 

    var contenido = document.getElementById(soloEsto).outerHTML; 

    ventana=window.open("about :blank","ventana","width=700,height=600,top=0,left=3000"); 

    ventana.document.open(); 

    ventana.document.write('<html><head><title>Imprimiendo...</title></head><body onprint="self.close()">'); 

    ventana.document.write(contenido); 

    ventana.document.write('</body></html>'); 

    ventana.document.close(); 

    ventana.print(); 

    ventana.focus(); 

    ventana.close(); 

}

y lo llamo de la siguiente manera:

Código HTML:

<form  id="miform" method="post" action="consultes/expedicions/resexpedimagatzem.php">
<table border="1">
<tr>
<td>
	<select name="magatzem" class="caixes" onchange="if (this.value>0) myajax.Select('consultes/expedicions/cons_dataexpedi.php?magatzem='+this.value, 'datexp')">
			<option value="0">Escoje un Almacen...</option>
			<?
			while($res_magatzem=mysql_fetch_row($sql_magatzem)){
				echo "<option value=".$res_magatzem[0].">".$res_magatzem[1]."</option>";
			}
			?>
		</select>
</td>
<td>
	<select id="datexp" name="datexp" class="caixes">
			<option value="0">Escoje un Almacen...</option>
	</select>
</td>
<td>
<input type="button" class="boto" name="enviar" value="Consultar"  onClick="javascript:validaconsultaexpedi(this.form)">
</td>
<td>
<input type="button" class="boto" name="imprimir" value="Imprimir" onclick="javascript:imprimir('main4')"> 
</td>
</tr>
<tr>
<td colspan="4"><div id="main4" class="dive" align="center"></div></td>
</tr>
</table>
</form>

cuando cargo algo en el div, luego le doy a imprimir y la consola de javscript de firefox me devuelve un error diciendome q--> imprimir is not a function. y no hace nada...

alguien sabe el motivo?

gracias de antemano!

Saludos

axiertxo · #9 (**permalink**) 29/06/2006, 02:55

err....

llamale solo asi

onclick="imprimir('main4')">

axiertxo · #10 (**permalink**) 29/06/2006, 02:57

Cita:

Iniciado por Al Zuwaga

Güenas, la otra vez creo que fue Don KarlanKas quién me pasó un pequeño script para copiar una tabla al portapapeles de windows.

Ahora vengo por otro tema, aunque de características similares:

Quisiera que haciendo click en un botón, se lance el diálogo de imprimir pero que sólo se imprima el contenido de una tabla determinada (esto para que no salga impreso el botón de imprimir ni otros enlaces que sirven para administrar la aplicación y que no deben estar en el reporte impreso)

Será que es posible hacer eso?
Si la respuesta es "si", pues estaría genial que venga acompañada de la solución

Bueno, me faltó aclarar que no sé si este tema es de javascript o de CSS. Por lo que le pido al moderador de turno del magnífico foro javascript que en caso de ser necesario modere a su colega y traslade el mensaje al foro que mejor corresponda

Gracias

En estos caso suele ser emjor crear otra hoja de estilos en al que oculte los botones y demás que no se quieran imprimir. Sino tambien puedes mediante DHTML cambiar el class a la hora de imprimir

document.nombredelobjeto.style.visibility:hidden

Saludos

sergi_climent · #11 (**permalink**) 29/06/2006, 03:57

ya esta solucionado...
el codigo javascript keda asi:

Código PHP:

  function imprime(soloesto){ 

    var ficha = document.getElementById(soloesto);

    var ventimp = window.open(' ', 'popimpr');

    ventimp.document.write( ficha.innerHTML );

    ventimp.document.close();

    ventimp.print( );

    ventimp.close();

}

saludos

axiertxo · #12 (**permalink**) 29/06/2006, 04:31

ok, me alegro

leeja · #13 (**permalink**) 23/10/2006, 10:00

a mi no me funciona esto:
ventana=window.open("about :blank","ventana","width=700,height=600,top=0,left =3000");

tengo q poner esto:
ventana=window.open("http://lotus:8080/print.html","ventana"," width=700,height=600,top=0,left=3000");

tengo q indicarle q abra una pagina en blanco... porq sera?

sergi_climent · #14 (**permalink**) 23/10/2006, 10:45

Hola!
probaste el ultimo codigo q se puso?

Código PHP:

  function imprime(soloesto){  

    var ficha = document.getElementById(soloesto); 

    var ventimp = window.open(' ', 'popimpr'); 

    ventimp.document.write( ficha.innerHTML ); 

    ventimp.document.close(); 

    ventimp.print( ); 

    ventimp.close(); 

}

saludos