Foros del Web » Programando para Internet » Jquery »

cargar archivo pdf en div mediante jquery load

Estas en el tema de cargar archivo pdf en div mediante jquery load en el foro de Jquery en Foros del Web. hola estoy tratando de cargar un archivo generado por medio d fpdf en un div, pero al mostrar la pagina me muestra solo los caracteres ...
  #1 (permalink)  
Antiguo 18/06/2012, 18:03
 
Fecha de Ingreso: enero-2007
Mensajes: 4
Antigüedad: 17 años, 3 meses
Puntos: 0
Pregunta cargar archivo pdf en div mediante jquery load

hola

estoy tratando de cargar un archivo generado por medio d fpdf en un div, pero al mostrar la pagina me muestra solo los caracteres

hay alguna forma de mandar a llamar la pagina donde genero el pdf mediante el metodo load d jquery como si estuviera haciendo un submit del formulario ??


Código Javascript:
Ver original
  1. $("#destino").load("pdf.php", {serial: $('form').serialize()}
  #2 (permalink)  
Antiguo 24/06/2012, 14:26
 
Fecha de Ingreso: enero-2007
Mensajes: 4
Antigüedad: 17 años, 3 meses
Puntos: 0
Respuesta: cargar archivo pdf en div mediante jquery load

nadie ??

:(
  #3 (permalink)  
Antiguo 24/06/2012, 15:07
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: cargar archivo pdf en div mediante jquery load

Lo que intentás parece no tener sentido (a menos que lo esté entendiendo muy mal). Si en lugar de un pdf tuvieras una imagen te ocurriría algo semejante. Deberías usar un iframe para mostrar tu pdf, usando como src del iframe la ruta a tu pdf.
  #4 (permalink)  
Antiguo 24/06/2012, 15:59
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: cargar archivo pdf en div mediante jquery load

Cita:
Iniciado por shisho Ver Mensaje
nadie ??

:(
No tenés que cargar un pdf, tenés que cargar un html, que cargue un PDF


....load('x.html')

y x.html

<object data="x.pdf" ...>

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 26/06/2012, 17:31
 
Fecha de Ingreso: enero-2007
Mensajes: 4
Antigüedad: 17 años, 3 meses
Puntos: 0
Respuesta: cargar archivo pdf en div mediante jquery load

Cita:
Iniciado por emprear Ver Mensaje
No tenés que cargar un pdf, tenés que cargar un html, que cargue un PDF


....load('x.html')

y x.html

<object data="x.pdf" ...>

SAludos
Cita:
Iniciado por Panino5001 Ver Mensaje
Lo que intentás parece no tener sentido (a menos que lo esté entendiendo muy mal). Si en lugar de un pdf tuvieras una imagen te ocurriría algo semejante. Deberías usar un iframe para mostrar tu pdf, usando como src del iframe la ruta a tu pdf.


mmmm

creo q no me expliq bien

lo q intento hacer es mediante un load mandar algunas variables para generar un pdf con la libreria fpdf, pero hacerlo sin tener que abrir una ventana nueva.

lo he hecho con un submit del formulario, pero lo que intento es hacerlo por medio de jquery para no tener la necesidad de abrir una ventana nueva y que me hiciera la carga por medio del div

en si no voy a abrir el pdf en el explorador, solo kiero q me cargue el archivo para ver la interfaz d guardar el archivo o arbirlo con el acrobat reader o algun similar

espero que haya quedado claro y alguien pueda ayudarme ....

:S
  #6 (permalink)  
Antiguo 26/06/2012, 18:26
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: cargar archivo pdf en div mediante jquery load

No, con javascript, jquery, olvidate, la solución debe venir por el lado de php, es posible que la propia librería implemente algun método

Yo por ejemplo uso esta http://www.tcpdf.org/ (bastante más avanzada que fpdf), la clase tcpdf tiene un método
$pdf->Output('example_001.pdf', 'l');
que por defecto muestra el pdf en el navegador, pero si se le pasa el argumento D
$pdf->Output('example_001.pdf', 'D');
fuerza la descarga

SAludos

Edito:
Estuve leyendo la documentación de tu librería y tiene una opción bastante similar
http://www.fpdf.org/es/doc/output.htm

Más saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 26/06/2012 a las 18:34
  #7 (permalink)  
Antiguo 17/07/2013, 01:15
Avatar de jorgegsweb  
Fecha de Ingreso: julio-2013
Ubicación: Madrid
Mensajes: 3
Antigüedad: 10 años, 9 meses
Puntos: 0
Exclamación Respuesta: cargar archivo pdf en div mediante jquery load

Cita:
Iniciado por emprear Ver Mensaje
No, con javascript, jquery, olvidate, la solución debe venir por el lado de php, es posible que la propia librería implemente algun método
Buenos días.

No estoy de acuerdo, ya que yo lo he hecho con Javascript/Jquery, el ejemplo ahi va...

creamos un evento "onclick" en un boton (<input type="button" ...>)

onclick="crearFrame('/pdf/XXXnombrepdf.pdf')"

y en nuestro Javascript:

function crearFrame(pdf) {
var testFrame = document.createElement("IFRAME");
$("#testFrame").remove();
testFrame.id = "testFrame";
testFrame.width="110%";
testFrame.height="800";
testFrame.scrolling="no";
testFrame.frameborder="0px";
testFrame.src = pdf+"?wmode=transparent"; //Sacar el nombre del fichero pdf desde el parametro
var control = document.getElementById("testFrame")
if (control==null) {
$('#container').append(document.body.appendChild(t estFrame));
}
}
</script>

Siendo #container un div que hemos creado para que se carge el iframe...

Espero haber sido de ayuda.

Saludos!!
  #8 (permalink)  
Antiguo 18/07/2013, 13:03
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: cargar archivo pdf en div mediante jquery load

Cita:
Iniciado por jorgegsweb Ver Mensaje
Buenos días.

No estoy de acuerdo, ya que yo lo he hecho con Javascript/Jquery, el ejemplo ahi va...

creamos un evento "onclick" en un boton (<input type="button" ...>)

onclick="crearFrame('/pdf/XXXnombrepdf.pdf')"

y en nuestro Javascript:

function crearFrame(pdf) {
var testFrame = document.createElement("IFRAME");
$("#testFrame").remove();
testFrame.id = "testFrame";
testFrame.width="110%";
testFrame.height="800";
testFrame.scrolling="no";
testFrame.frameborder="0px";
testFrame.src = pdf+"?wmode=transparent"; //Sacar el nombre del fichero pdf desde el parametro
var control = document.getElementById("testFrame")
if (control==null) {
$('#container').append(document.body.appendChild(t estFrame));
}
}
</script>

Siendo #container un div que hemos creado para que se carge el iframe...

Espero haber sido de ayuda.

Saludos!!
Eso esta bien, es más, ni siquiera necesitás de jQuery, basta con usar createElement, pero te apartás del tema planteado x @shisho
Cita:
un archivo generado por medio d fpdf
El no posee un pdf, lo está creando, por otra lado, no intenta visualizarlo, quiere "descargarlo"

solo kiero q me cargue el archivo para ver la interfaz d guardar el archivo o arbirlo con el acrobat reader o algun similar

La solución, ya la planteé
Hay que leer con más atención

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: fpdf
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 13:06.