Tema: Imprimit el contenido de un DIV
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/12/2010, 11:24
Avatar de Perr0
Perr0
 
Fecha de Ingreso: mayo-2005
Ubicación: Santiago de Chile, Chile
Mensajes: 676
Antigüedad: 19 años, 10 meses
Puntos: 79
Información Respuesta: Imprimit el contenido de un DIV
Prueba con esto!!

salu2


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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <style type="text/css">
  7. @media print {
  8.     a {display:none}
  9.     
  10.     .formatoprint{
  11.         width:auto;
  12.         height:auto;
  13.         overflow:hidden;
  14.     }
  15. }
  16.  
  17. @media screen {
  18.     .formatodoc{
  19.         width:500px;
  20.         height:200px;
  21.         overflow:auto;
  22.     }
  23. }
  24. </style>
  25.  
  26. <script>
  27. function impre() {
  28.     print();
  29. }
  30. </script>
  31.  
  32. </head>
  33.  
  34.  
  35.  
  36. <body>
  37.  
  38. <div id="uno">Barra de menús</div>
  39. <a href="#" onclick="impre();return false">Imprime 1</a>
  40.  
  41. <div id="dos" class="formatodoc formatoprint">
  42.     <p>Imprimir este documento Linea 1</p>
  43.     <p>Imprimir este documento Linea 2</p>
  44.     <p>Imprimir este documento Linea 3</p>
  45.     <p>Imprimir este documento Linea 4</p>
  46.     <p>Imprimir este documento Linea 5</p>
  47.     <p>Imprimir este documento Linea 6</p>
  48.     <p>Imprimir este documento Linea 7</p>
  49.     <p>Imprimir este documento Linea 8</p>
  50.     <p>Imprimir este documento Linea 9</p>
  51.     <p>Imprimir este documento Linea 10</p>
  52.     <p>Imprimir este documento Linea 11</p>
  53.     <p>Imprimir este documento Linea 12</p>
  54.     <p>Imprimir este documento Linea 13</p>
  55.     <p>Imprimir este documento Linea 14</p>
  56.     <p>Imprimir este documento Linea 15</p>
  57.     <p>Imprimir este documento Linea 16</p>
  58.     <p>Imprimir este documento Linea 17</p>
  59.     <p>Imprimir este documento Linea 18</p>
  60.     <p>Imprimir este documento Linea 19</p>
  61.     <p>Imprimir este documento Linea 20</p>
  62. </div>
  63. <a href="#" onclick="impre();return false">Imprime 2</a>
  64.  
  65. </body>
  66. </html>