IFrame
Author: Marcelo Bisciglia
Visited 1242,
Followers 1,
Shared 0
Hola, tengo una página con iFrame, donde hace el llamado a un PDF en el mismo dominio, como el contenido de la página del PDF aumentó su longitud, quise hacer lo mismo con la definición del iFrame, se hizo hasta un límite, a partir de ahí aparece una franja en negro.
No es posible aumentar la altura del iFrame para que la página (A4) del PDF se vea completa?.
Gracias!.
Posted on the
Hola Marcelo,
Y si usas el onjeto visor de pdfs?
Creo que no vas a tener todos esos problemas.
Prueba y nos comentas como te ha ido!
Saludos colega...
Carlos A.
Author
Hola Carlos!, no es este el objeto PDF?: Data Visualization -> PDF File
Hola Marcelo Bisciglia
Recuerda actualizar los objetos
Hola Carlos, ¡colega!
Aquí reintegrandome a la familia Incomedia. Que largas vacaciones me he tomado, ya estoy en mi punto de trabajo dispuesto a retornar, veo sorprendentes actualizaciones y ya empezaré a darles uso.
Saludos y un abrazo a todos
Jorge M.
Hola Jorge!! Tanto Tiempo! Que bueno que hayas vuelto!
Si si... ultimamente hay varias cosas nuevas en el programa, objetos nuevos gratis, etc... la verdad que todo muy bueno.
Cualquier cosa a las ordenes colega! como siempre!!!
Abrazooooooooo!!!
Si Marcelo! es ese mismo!!!
Te comenté eso, porque como nombraste los "iframe" pense que estabas cargando el pdf en un iframe de alguna manera, y es mejor usar ese objeto.
Saludos!!!
Carlos A.
!Gracias colega!
Author
Hola a todos!, no hay forma de extender la ventana para evitar el recorte que mostre en la consulta inicial?. Gracias.
Hola Marcelo, voy a probar en unas horas más (no estoy en mi PC) y te aviso más tarde por aquí, deberé repétir el diseño con un pdf cualquiera y te compartiré mis descubrimientos.
Mientras puede ayudarnos con el tamaño del PDF, si no es problema podríamos probar con el mismo o dinos que caracteristica tiene, me refiero al tamaño, es A4, carta, usas 950 de alto... Mientras más datos nos suministres mejor podremos replicar tu diseño y probar una solución.
Edito: Ya la reproduje y obtengo el mismo resultado que estas comentando, haré otras pruebas y seguiré informando por aquí
Saludos
Jorge M.
Hola Marcelo
Ya tengo solucionado pero debes modificar un poco la forma en que presentas el pdf
Mis pruebas:
<embed src="files/libro1.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="1050px" /> pero también tiene el mismo límite del Objeto PDF
Ahora el tutorial de como solucionar la visualización PDF en archivos largos:
El primer paso del tutorial es subir el fichero a Google Drive https://drive.google.com yo cree una carpeta por ejemplo para tener un orden y dentro subí un archivo, que, con el botón derecho le dí todos los permisos para usuarios sin necesidad de entrar en una cuenta google y solo lectura
Este es el link que subí, lo puedes comprobar: https://drive.google.com/file/d/1jkWrB93ub2IugKQvl4wgcZi3UaLMlMlY/view
Con el botón derecho tienes la opción también de compartir y generar el enlace (como el que acabo de escribir).
Para ver los documentos de Google Drive desde los enlaces del visor de archivos. Necesitas solo saber la ID del archivo
El URL de archivo para el PDF de mi ejemplo:
drive.google.com/file/d/1jkWrB93ub2IugKQvl4wgcZi3UaLMlMlY/view
Tiene su ID que resalto en negrita
El dódigo que necesitas es este:
<iframe src="https://docs.google.com/viewer?srcid=[aquí va la ID sin los corchetes]&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="100%" height="680px"></iframe>
Donde debes reemplazar el ID del archivo
Al final nos queda
<iframe src="https://docs.google.com/viewer?srcid=1jkWrB93ub2IugKQvl4wgcZi3UaLMlMlY&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="100%" height="100%"></iframe>
Y eso es todo
Nota: le cambié el alto (height) 100% para que despliegue todo, pero eso lo puedes manejar con comodidad en px su asi lo deseas.
Revisa, prueba y comenta cualquier duda, avisanos como te va.
Saludos
Jorge M.
----------------------------------------------------------------------------------------------------------
Recuerda que elaborar un post no genera ingresos, por esto Cada vez que marcas respuesta correcta o útil ¡Cuenta como reconocimiento! , así que:
Author
Excelente tu solución Jorge!. Muy agradecido por tu ayuda, quedo perfecto, abrazo!