Pasar un DIV y su contenido en una variable

Jamati · #1 (**permalink**) 03/10/2008, 15:00

Hola, tengo el siguiente problema:

yo a través de un javascript hago lo siguiente:

Cita:

function imprimir(id)
{
var envio = "imprimir.asp" + "?parte=" + id;
var ventana = window.open(envio,"_blank","left=0,top=0,width=300 ,height=300,toolbar=no,location=no,status=no,menub ar=no,resizable=no,scrollbars=1");
}

hasta ahí OK, lo que estoy haciendo es que al momento de llamar al javascript le estoy pasando un id del div que quiero imprimir.

Entonces, tengo la página imprimir.asp donde recupero esa variable, pero no me toma toda la estructura de lo que había dentro del div, se entiende ?

yo por ejemplo recupero las variables pero cuando le paso un numero o sino una cadena de texto, pero no se puede pasar toda un div con su contenido a través de una variable??

espero poder hacerme entender...

saludos y desde ya muchas gracias

David · #2 (**permalink**) 03/10/2008, 15:03

Usa el método POST que es mejor para pasar variables largas y pasa todo el contenido del div usando innerHTML en vez del id (ya que pasando este no podrás obtener su contenido desde la página ASP

).

Jamati · #3 (**permalink**) 03/10/2008, 22:43

Gracias David el Grande, pero no estoy entendiendo del todo.

Trataré de explicarlo mejor en este ejemplo:

Código HTML:

<html>
<head>
<script language="JavaScript">
function imprimir(id)
{
var envio = "imprimir.asp" + "?parte=" + id;
var ventana = window.open(envio,"_blank","left=0,top=0,width=300,height=300,toolbar=no,location=no,status=no,menubar=no,resizable=no,scrollbars=1");
}
</script>
</head>
<body>
<div class="contenido">
  <div class="menu">
     <a href="javascript:imprimir('print')">Imprimir</a>
  </div>
  <div id="print">
    <span>DIV A IMPRIMIR</span><br>
    <span>DIV A IMPRIMIR</span><br>
    <span>DIV A IMPRIMIR</span><br>
  </div>
</div>
</body>
</html>

y luego en mi archivo imprimir.asp tengo lo siguiente:

Código HTML:

<%@LANGUAGE="JAVASCRIPT"%>
<%  var mostrar = Request.QueryString("parte"); %>
<html>
<head>
</head>
<body>
<% = mostrar %>
</body>
</html>

y la idea es que el archivo imprimir.asp se muestre en un popup de 300 x 300 tal como dice el javascript, se entiende ?

la cosa es que no me muestra ningun div, entonces como se utiliza eso de innerHTML ?? o con este ejemplo no sirve ?

Jamati · #4 (**permalink**) 05/10/2008, 18:33

Nadie me podría decir??
jaja parece que mis ejemplos son malos... mmm tendré que recapacitar en la forma de presentarlos

David · #5 (**permalink**) 06/10/2008, 12:58

Hazme caso, no le pases el id, porque el id para la otra página no significa nada

. Pasa el contenido (objeto.innerHTML), investiga sobre el innerHTML y sabrás de qué se trata.

Jamati · #6 (**permalink**) 06/10/2008, 15:07

Probé esto:

Cita:

function imprime()
{
var contenido = document.getElementById("print");
var ventana = window.open('', "_blank", "left=0,top=0,width=650,height=500,toolbar=no,loca tion=no,status=no,menubar=no,resizable=no,scrollba rs=1");
ventana.document.write('<html><head><title>Articul o para imprimir</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">');
ventana.document.write('</head>');
ventana.document.write('<body leftmargin="0" topmargin="2" marginwidth="0" marginheight="0">');
ventana.document.write(contenido.innerHTML);
ventana.document.write('</body>');
ventana.document.close();
ventana.print();
ventana.close();
}

eso funciona perfecto, pero yo quiero que el pop up no esté en un archivo JS, me gustaría que la ventana abra la pagina imprimir.asp y en dicha pagina recupero todo el div que quiero imprimir, me entiendo ? tal como puse en el ejemplo anterior

gracias y muy amable david

David · #7 (**permalink**) 07/10/2008, 07:43

Bueno, ahora ya sabes de qué se trata innerHTML

.

Puedes pasar los datos a la página usando el método GET o POST, creo que es mejor POST debido a que el contenido del div puede ser algo extenso.

Jamati · #8 (**permalink**) 07/10/2008, 08:20

Gracias David por la paciencia, te comento:

Yo no tengo ningún formulario ni nada para pasar el div por el metodo POST.

Tengo toda mi página realizada con <div> y lo único que hago es poner un texto en la parte superior que dice: "Imprimir", entonces mi idea es que al hacer click ahí se abra un popup (enviandole el nombre del id del div a imprimir) y este popup que llama a la página imprimir.asp, y en dicha página imprimir.asp debo poder recuperar toda una estructura de div que le envié por variable.

Esto lo muestro en el siguiente ejemplo:

Código HTML:

<html>
<head>
<script language="JavaScript">
function imprimir(id)
{
var envio = "imprimir.asp" + "?parte=" + id;
var ventana = window.open(envio,"_blank","left=0,top=0,width=300,height=300,toolbar=no,location=no,status=no,menubar=no,resizable=no,scrollbars=1");
}
</script>
</head>
<body>
<div class="contenido">
  <div class="menu">
     <a href="javascript:imprimir('print')">Imprimir</a>
  </div>
  <div id="print">
    <span>DIV A IMPRIMIR</span><br>
    <span>DIV A IMPRIMIR</span><br>
    <span>DIV A IMPRIMIR</span><br>
  </div>
</div>
</body>
</html>

y mi archivo imprimir sería:

Código HTML:

<%@LANGUAGE="JAVASCRIPT"%>
<%  var mostrar = Request.QueryString("parte"); %>
<html>
<head>
</head>
<body>
<% = mostrar %>
</body>
</html>

entonces mi pregunta es como hago para pasar desde un javascript, toda una estructura de de <div> para luego recuperarla en un asp ??

David · #9 (**permalink**) 07/10/2008, 08:33

No creo que la forma como estás haciendo sea la más correcta, pero bueno, ya que quieres pasar el contenido del div, pasa por la URL (en vez de pasar el id pasa el innerHTML), solo no olvides escapar los caracteres especiales.

Pregunto, ¿por qué no usas Javascript nuevamente en el popup para obtener el contenido del div? Pues de todas formas los datos estás enviando por Javascript.

Jamati · #10 (**permalink**) 07/10/2008, 10:53

Gracias nuevamente.

Ok, entonces lo hago por javascript, pero sigo teniendo la misma duda: en base al ejemplo que postee antes, como hago para que un Javascript puesto en una página B, me recupere los datos que le mando desde un javascript de la página A .

entiendo lo que me dices, pero no entiendo la funcionalidad, podrías darme un pequeño ejemplo coom hice yo anteriormente ?

David · #11 (**permalink**) 07/10/2008, 10:59

Es que básicamente no necesitas pasar el valor al popup ya que desde el popup podemos obtener directamente el valor del div:

Código javascript:

Ver originalalert(opener.document.getElementById("iddiv").innerHTML);

Jamati · #12 (**permalink**) 08/10/2008, 10:47

Gracias David el Grande, pero sería mucho pedirte si me puedes poner un ejemplo completo de lo que quiero hacer ?... porque no me está dando resultados.

Disculpame las molestias igualmente y desde ya nuevamente muchas gracias.

David · #13 (**permalink**) 08/10/2008, 10:50

Es que con ese código estamos haciendo referencia directamente al documento desde donde se llamó al popup (opener.document) y accedemos al div usando su id y finalmente accedemos al innerHTML. No entiendo qué otro ejemplo podría ponerte, ese código que te pasé debería ir en la página que se carga en el popup (lo que hace es mostrar en un alert el contenido del div), haz las pruebas y nos cuentas.