Foros del Web » Creando para Internet » Diseño web »

Pasar contenido de un DIV a otra página

Estas en el tema de Pasar contenido de un DIV a otra página en el foro de Diseño web en Foros del Web. Hola, tengo un problema simple, pero no puedo encontrar nada sencillo. Tengo una página con un par de DIVs y todo el contenido de la ...
  #1 (permalink)  
Antiguo 08/08/2008, 10:01
Avatar de chitoso  
Fecha de Ingreso: mayo-2008
Ubicación: Montevideo, Uruguay
Mensajes: 205
Antigüedad: 9 años, 6 meses
Puntos: 5
Pasar contenido de un DIV a otra página

Hola, tengo un problema simple, pero no puedo encontrar nada sencillo.

Tengo una página con un par de DIVs y todo el contenido de la página, como menúes, etc.
Lo que quiero es generar una 'versión imprimible', es decir, ver solamente los DIVs que contienen la info que quiero. (La info se regenera por medio de ajax...)

Para lo cual, quiero hacer un POST a una página version_imprimible.php (por decir algo) y pasarle como variable el contenido actual de los DIVs.

Tengo conocimientos de php y estoy usando jQuery. No soy experto. Parece sencillo pero la verdad estoy sin ideas.

NO quiero generar un popup.

Gracias por cualquier idea o sugerencia.
  #2 (permalink)  
Antiguo 08/08/2008, 11:43
Avatar de chitoso  
Fecha de Ingreso: mayo-2008
Ubicación: Montevideo, Uruguay
Mensajes: 205
Antigüedad: 9 años, 6 meses
Puntos: 5
De acuerdo Respuesta: Pasar contenido de un DIV a otra página

Bueno, al final me iluminé, no era para nada dificil. Creo que es una buena solución:

Puse un form, que hace post a una pagina imprimir.php y dentro de el un input hidden.
Luego, un evento onsubmit() se encarga de llenar el contenido del input (con los datos del div que me interesaba) antes de enviar el post.

Algo así

Código HTML:
<form target="_blank" action="version_imprimible.php" method="post" enctype="multipart/form-data" onsubmit="return generateData();">
                                <input type="hidden" id ="print_data" name="print_data" value="" />
                                <input type="submit" class="button" value="Versión Imprimible" /> 
Código:
function generateData(){
                jQuery("#print_data").val(jQuery("#print").html());
                return true;
            }
Ojalá a alguien le sirva. Si tienen otra solución, o alguna sugerencia igual los invito a responder.

Saludos!
  #3 (permalink)  
Antiguo 15/04/2013, 18:11
 
Fecha de Ingreso: marzo-2013
Mensajes: 5
Antigüedad: 4 años, 8 meses
Puntos: 0
Respuesta: Pasar contenido de un DIV a otra página

Hola, tengo un problema similar, no manejo casi nada de jquery, tengo un documento con un div y un texto dentro del div. Quiero saber principalmente como enviarlo al input hidden, si entiendo tu idea, pero no se por ejemplo que significa en tu código #print, no sé en qué momento llamas al id del div. La página se llama conectividad.php
Código PHP:
Ver original
  1. <!DOCTYPE html>
  2. <?php
  3. if($_POST['txtcon'])
  4. echo $_POST['txtcon'];
  5. ?>
  6. <html>
  7. <head>
  8.     <title></title>
  9.     <meta charset="utf-8">
  10.     <style type="text/css">
  11. #textarea {
  12.     -moz-appearance: textfield-multiline;
  13.     -webkit-appearance: textarea;
  14.     border: 2px solid gray;
  15.     font: medium -moz-fixed;
  16.     font: -webkit-small-control;
  17.     height: 300px;
  18.     overflow: auto;
  19.     padding: 2px;
  20.     resize: both;
  21.     width: 1050px;
  22. }
  23. </style>
  24. <script language="javascript">
  25.  
  26. function llenardatos(){
  27.                 //No se cómo hacerlo como tu ejemplo.
  28.             }
  29. </script>
  30. </head>
  31. <body>
  32.     <div align="left">
  33.     <form method="post" name="form1" action="conectividad.php" enctype="multipart/form-data" onsubmit="return llenardatos();">
  34.       <div id="textarea" align="left" contenteditable>
  35.         <div>Texto a guardar1</div>
  36.         <div>Texto a guardar2</div>
  37.       </div>
  38.       <input type="hidden" id="txtcon" name="txtcon" value="">
  39.       <input type="submit" value="ENVIAR">
  40.     </form>
  41.     </div>
  42. </body>
  43. </html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:59.