Pasar contenido de un DIV a otra página

chitoso · #1 (**permalink**) 08/08/2008, 09:01

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.

chitoso · #2 (**permalink**) 08/08/2008, 10:43

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!

giancarlos92 · #3 (**permalink**) 15/04/2013, 17:11

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<!DOCTYPE html>
<?php
if($_POST['txtcon'])
echo $_POST['txtcon'];
?>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <style type="text/css">
#textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 2px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 300px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 1050px;
}
</style>
<script language="javascript">
 
function llenardatos(){
                //No se cómo hacerlo como tu ejemplo.
            }
</script>
</head>
<body>
    <div align="left">
    <form method="post" name="form1" action="conectividad.php" enctype="multipart/form-data" onsubmit="return llenardatos();">
      <div id="textarea" align="left" contenteditable>
        <div>Texto a guardar1</div>
        <div>Texto a guardar2</div>
      </div>
      <input type="hidden" id="txtcon" name="txtcon" value="">
      <input type="submit" value="ENVIAR">
    </form>
    </div>
</body>
</html>