Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/12/2010, 09:29
Avatar de elsoba
elsoba
 
Fecha de Ingreso: diciembre-2010
Mensajes: 2
Antigüedad: 14 años, 2 meses
Puntos: 0
Pregunta Imprimit el contenido de un DIV

Hola,

He estado buscando durante un tiempo una forma de imprimir el contenido de un DIV que tengo dentro una página web, y si bien aquí he encontrado como hacerlo, se me ha presentado un problema que creo nadie ha planteado.

El DIV en el cual se encuentra el contenido que deseo imprimir tiene como parámetros height:200px y overflow:auto para forzar el scroll ya que su contenido es mayor.

Ahora bien el problema se presenta al intentar imprimir su contenido ya que sólo se imprime lo que llega a verse de esos 200px quedando fuera de la impresión lo que supera esa altura.

Quisiera saber si existe alguna manera de lograr que se imprima todo el contenido.

Aquí debajo les dejo un ejemplo del código que estoy utilizando.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.  
  5. <style type="text/css">
  6. @media print {
  7.     div,a {display:none}
  8.     .ver {display:block}
  9.     .nover {display:none}
  10. }
  11.  
  12. function impre(num) {
  13.     document.getElementById(num).className="ver";
  14.     print();
  15.     document.getElementById(num).className="nover";
  16. }
  17.  
  18. </head>
  19.  
  20.  
  21.  
  22.  
  23. <div id="uno">Barra de menús</div>
  24. <a href="#" onclick="impre('uno');return false">Imprime 1</a>
  25.  
  26. <div id="dos" style="width:500px; height:200px; overflow:auto;">
  27.     <p>Imprimir este documento</p>
  28.     <p>Imprimir este documento</p>
  29.     <p>Imprimir este documento</p>
  30.     <p>Imprimir este documento</p>
  31.     <p>Imprimir este documento</p>
  32.     <p>Imprimir este documento</p>
  33.     <p>Imprimir este documento</p>
  34.     <p>Imprimir este documento</p>
  35.     <p>Imprimir este documento</p>
  36.     <p>Imprimir este documento</p>
  37.     <p>Imprimir este documento</p>
  38.     <p>Imprimir este documento</p>
  39.     <p>Imprimir este documento</p>
  40.     <p>Imprimir este documento</p>
  41.     <p>Imprimir este documento</p>
  42.     <p>Imprimir este documento</p>
  43.     <p>Imprimir este documento</p>
  44.     <p>Imprimir este documento</p>
  45. </div>
  46. <a href="#" onclick="impre('dos');return false">Imprime 2</a>
  47.  
  48. </body>
  49. </html>