miércoles, 27 de enero de 2010

Imprimir el contenido de un Div con Javascript

<DIV ID="seleccion">Este texto es el que se va a imprmir </DIV>

colocamos un enlace que llame a la función de imprimir

<a href="javascript:imprSelec('seleccion')" >Imprime la ficha</a>

Y en JavaScript:

<script language="Javascript">
function imprSelec(nombre)
{
var ficha = document.getElementById(nombre);
var ventimp = window.open(' ', 'popimpr');
ventimp.document.write( ficha.innerHTML );
ventimp.document.close();
ventimp.print( );
ventimp.close();
}
</script>

11 comentarios:

  1. Muchas gracias por tu ejemplo, me fue de gran ayuda, una pregunta tengo CSS y quiero que la tabla salga con las respectivas normas del estilo como formato y tamaño de letra, ojala puedas responder mi duda

    ResponderEliminar
  2. Muchas gracias por tu aporte, me fue de gran ayuda tengo una pregunta tengo CSS, y quiero que al momento de imprimir específicamente una tabla esta se imprima con el formato y tamaño de letra y no se descuadre su formato, ojala puedas ayudarme
    Saludos

    ResponderEliminar
  3. estimado, yo tambien ando buscando imprimir contenido con estilos, relice muchas funciones jscripts, pero ninguna me incluye los css

    saludos!:

    ResponderEliminar
  4. excelente!!!! gracias por el aporte...

    ResponderEliminar
  5. Increible, solo que me habre otra ventana aparte y no se porque sucede esto

    ResponderEliminar
    Respuestas
    1. Te abre una ventana aparte por la instruccion "window.open" de js.

      Eliminar
  6. Hola, gracias por compartir, para los que preguntaban por css yo cree un div oculto y puse todo el contenido dentro. Con esto logre armar unas especie de template de impresion. para las etiquetas que necesitaban formato las agregue directamente el style en las mismas. Espero que les sirva. Saludos

    ResponderEliminar
  7. Gracias por el aporte PAMPAGRANDEÑA Me sirvió para lo que necesitaba.. saludos marcelita segui adelante!!!

    ResponderEliminar
  8. Alguien sabe como incluir las imagenes que se encuentran dentro de las etiquetas

    ResponderEliminar
  9. Muchas gracias, Saludos coordiales :D

    ResponderEliminar
  10. disculpen hay alguna manera de de que imprima las imagenes dentro del div ?

    ResponderEliminar