¿Como hacen este imprimir?

Jamati · #1 (**permalink**) 24/10/2008, 13:49

Hola gente, muchas veces pregunté cosas sobre como imprimir.

Basicamente quiero que al tener una nota, y un botón de imprimir, al pulsarlo se abra un pop up con solamente una determinada parte de la nota, o sea sin las propagandas, sin el encabezado, etc.

El ejemplo de lo que quiero lo pude encontrar acá:
http://www.clarin.com/diario/2008/10...m-01788160.htm

Si hacen click sobre "Imprimir", se abre un popup con el div a imprimir. el cual es una página que se encuentra en:
http://www.servicios.clarin.com/nota...?pagid=1788160

por lo visto, esa pagina recupera unos valores que le mandamos al momento de hacer click sobre "imprimir", como recupera un div ?, o mejor dicho: como pasa toda una estructura por variable, desde un Javascript que recupera el DIV y de allí lo manda a una página con programación ?

jaaj como haceee ??

Desde ya muchas gracias.

Saludos

David · #2 (**permalink**) 24/10/2008, 13:58

Esa página lo hace del lado del servidor, con una *.jsp obtiene los datos de algún lugar y lo pone en modo impresión, también se puede hacer con Javascript, abres el popup, luego dentro de él obtienes el div con opener.document.getElementById y su contenido con innerHTML, y con document.write o nuevamente con innerHTML colocas ese contenido en el popup y finalmente imprimes con window.print().

JuanRAPerez · #3 (**permalink**) 24/10/2008, 14:22

YEAP

basicamente es una pagina mas que solo tiene la información que se desea imprimir

es como que hagas una pagina llamada imprimirlimpio.asp

maquetes un CSS para impresión y listo

suerte

Jamati · #4 (**permalink**) 24/10/2008, 21:53

Gracias por las respuestas.

Eso lo entiendo, yo sé que dentro del Javascript puedo abrir el pop up, recuperar el div a imprimir y ponerle la funcion window.print();

Hasta ahí lo puedo hacer, y de echo lo tengo así. Pero imaginense que yo, en dicho pop up quiera poner un encabezado, un pie de página con el logo de mi empresa, entonces, poner todo eso en el Javascript sería muy engorroso.

Pore eso quiero hacer lo siguiente:

Código:

<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:

<%@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 ??

Una solución sería poner:

Código:

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();
}

pero no me sirve porque yo luego si quiero poner cabecera, un menu, y cualquier otra cosa, tengo que seguir agrandando el Javascript hasta hacerce muy pesado. En cambio, puedo manejar todo desde una pagina ASP... pero no me sale

Bueno, perdón por lo extenso y nuevamente muchas gracias.
Saludos

JuanRAPerez · #5 (**permalink**) 24/10/2008, 21:57

creo que el archivo imprimir tiene que recibir el id y luego hacer un response.write de toda la nota sin anuncios

eso hara que no envies mas que el "id" y lo recuperas y muestras el contenido a imprimir

una vez hecho esto haces un css capaz d impir lo que deseas

http://www.desarrolloweb.com/articul...agina-web.html

<link rel="STYLESHEET" type="text/css" href="estilo_imprimir.css" media="print">

olvida enviar el div completo simplemente envia el id recupera muestrra lo que deseas que el usuario imprima, maqueta con css e imprime

suerte

Jamati · #6 (**permalink**) 25/10/2008, 11:38

Gracias JuanRAPerez.

Paso a comentar mis dudas:

Yo recupero el ID, pero como lo muestro ?, ya que supuestamente, al pasarle el nombre del ID solo tengo una cadena de texto, entonces con un "response.write" como le indico que de cierta página, me escriba el contenido de dicho ID ??

Me podrías hacer un ejemplo sencillo en base al ejemplo que yo puse anteriormente??

Con respecto a poner un archivo CSS para la impresión, eso lo entiendo, y de echo lo tengo así, pero eso sirve mas que nada si el usuario final elige Imprimir desde el menú de herramientas. En cambio, yo si quiero que funcione mi Javascript, se vaya a la pagina imprimir.asp y todo eso, eso ya no me sirve.

Saludos y nuevamente muchas gracias por tu ayuda.

JuanRAPerez · #7 (**permalink**) 26/10/2008, 19:56

ok

tu tienes una pagina en la que muestras ya toda la informacion (noticia) que tieenes en tu base de datos

ahi pones un enlace llamado imprimir ese enlace va a tu pagina imprimir_limpio.asp
envias ahi el id de tu noticia

luego haces un

id = request("id")
if id = "" then
response.write "viene vacio el id"
response.end
else
'abres tu conexion
'si tu id es numerido
sql = "select tutabla where id = " & id
'ejecutas tu record set
'imprimis el contenido
'cerras conexion

eso basicamente es

suerte

end if

Jamati · #8 (**permalink**) 27/10/2008, 19:08

La explicación me pareció excelente, pero el problema es que no lo tengo en base de datos, sino así nomas como el siguiente ejemplo:

Código:

<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 en mi archivo imprimir.asp tengo:

Código:

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

pero este ejemplo que puse no muestra nada.

sjam7 · #9 (**permalink**) 28/10/2008, 20:56

y que tiene que ver entonces esto con ASP?

Jamati · #10 (**permalink**) 29/10/2008, 15:47

jajaja

porque a través de ASP quiero recuperar una variable la cual supuestamente contiene todo el DIV que quiero imprimir.

Me entiendo ?

JuanRAPerez · #11 (**permalink**) 29/10/2008, 19:27

claro entonces
haz tu base
haz tu asp

y luego pegas el codigo y asi entenderás mejor las cosas

sjam7 · #12 (**permalink**) 29/10/2008, 21:36

es muy facil, en la ventana que abres para imprimir haz lo mismo que en la pagina con el DIV que usas y listo, usando ASP y BD

pedroinfante · #13 (**permalink**) 30/10/2008, 00:28

Crea dinamicamente tu pop up con java script.... o simplemente haz un CSS para impresion y ni siquiera tienes que abrir un pop up, solo envias a imprimir y ya

Jamati · #14 (**permalink**) 30/10/2008, 16:53

Muchas gracias, voy a ver si puedo implementar una BD.

Saludos

carlunchos · #15 (**permalink**) 01/11/2008, 08:25

Hola Jamati, yo para hacer medianamente lo que pretendes y teniendo en cuenta que mis conocimientos en general son muy escasos hago lo siguiente:

una .asp que me muestra lo que quiero imprimir + un boton enlace que dice Imprimir.

abro un popup (que abre un .asp prearmado con encabezados, logo, pie, etc), pasandole una variable para buscar lo que quiero imprimir.

Despliego y mando a imprimir y al mismo tiempo que se cierre el popup

Lo que no puedo evitar (y es por desconocimiento) es la ventana de seleccionar la impresora.

Espero haber sido de ayuda.

Saludos a todos los que sabiamente aconsejaron a Jamaiti en este post.

Jamati · #16 (**permalink**) 01/11/2008, 19:17

Eso mismo quiero yo me parece, si no te entendí mal es exactamente lo que pretendo hacer.

Puedes poner un ejemplo practico ?

Muchas gracias igualmente.

carlunchos · #17 (**permalink**) 01/11/2008, 20:01

Jamati, es bastante sencillo lo que hago, no es de profesionales pero me saca del paso:

al pie de pagina.asp coloco un enlace que abre un popup y al mismo tiempo le paso una variable para que al abrir el popup sql mediante haga una busqueda:
para abrir el popup lo siguiente:

<SCRIPT LANGUAGE="JavaScript">

</script>

el enlace:
response.write "<a href=""javascript:popUp3('notaCarpetas.asp?carpeta ='Novena')"" title='Imprimir nota de Carpetas'>Imprimir Nota de Carpeta</a><br><br>"

en el notaCarpetas.asp busco y despliego lo que quiero mostrar. Tambien en esta pagina pongo la funcion:

<script language="javascript">
function imprimirPagina() {
if (window.print)
window.print();
else
alert("A tu navegador no se le puede ordenar imprimir" + " desde la web. Actualizate o hazlo desde los menús");
}
</script>

al darle al enlace se abre la ventana de elegir impresora, elijes e imprimes.

Estaria bueno que al enviar a imprimir se cerrara tambien el popup pero no se hacerlo asi que al terminar de imprimir cierro manualmente el popup y listo.

Te pido un favor: que no se enteren ni Caricatos, ni Tunait de esto que te acabo de pasar, ya que se burlaran de mi por bastante tiempo jajajaja.

Saludos y suerte.

Jamati · #18 (**permalink**) 02/11/2008, 09:22

Antes que nada, muchísimas gracias carlunchos por intentar ayudarme. Te paso a comentar lo que hice según te pude entender:

Tengo esta página llamada imprimir.asp:

Código HTML:

<html>
<head>
<script language="JavaScript">
function popUp3(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,men ubar=0,resizable=0,width=520,height=600');");
}
</script>
</head>
<body>
<div class="contenido">
  <div class="menu">
   <% response.write "<a href=""javascript:popUp3('notaCarpetas.asp?carpeta ='print')"" title='Imprimir nota de Carpetas'>Imprimir Nota de Carpeta</a><br><br>" %>
  </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 esta esta otra página llamada NotasCarpetas.asp:

Código HTML:

<%@LANGUAGE="JAVASCRIPT"%>
<html>
<head>
<script language="javascript">
function imprimirPagina() {
if (window.print)
window.print();
else
alert("A tu navegador no se le puede ordenar imprimir" + " desde la web. Actualizate o hazlo desde los menús");
}
</script>
</head>
<body onLoad="javascript:imprimirPagina()">
</body>
</html>

Tengo los siguientes problemas:

1) Estando en la página imprimir.asp y hago click en el enlace para imprimir no se abre ni siquiera el popup, hay algún error seguro de parentesis o comillas pero no pude solucionarlo.

2) Si lográs que el popup se abra correctamente, en la página notasCarpeta.asp como hacés para mostrar todo un div que pasaste por parametro?.... lo que quiero decir es como pones dentro del Body de esta pagina todo el DIV que supuestamente le pasaste por parametros para visualizarlo mientras te aparece el cartel para imprimir ??

3) Con respecto a que se cierre la ventana sola, probaste poniendo window.close(); ??

carlunchos · #19 (**permalink**) 02/11/2008, 17:54

Jamati, respecto de si es problema de comillas fijate si el enlace que abre el popup lo indicas dentro de tags html o de asp (<% %>), es decir el juego de comillas variara segun esto. Revise el codificado y esta tal cual lo uso en mi pc.

Como te comentaba antes, cuando abro el popup mediante, el asp notasCarpetas, como habras visto le paso una variable para hacer una busqueda, no le paso otra cosa porque:

notasCarpetas.asp tiene una hoja de estilo (o varias) en la cual diagramo los div's que voy a utilizar, fonts, colores, logos, etc, con lo cual solo me preocupo por la variable que le paso y la busqueda en base que hago para desplegar lo que quiero mostrar. A mi me parece que cada pagina debe tener su css segun las necesidades. De ultima podria utilizar if's para seleccionar entre varios css segun lo desplegado. Mi corto entendimiento no me permite pensar en pasarle un div por parametro a notasCarpetas.asp

Respecto de window.close() lo voy a probar.

Saludos.