Foros del Web » Programando para Internet » PHP »

[SOLUCIONADO] como poner en un div un pdf

Estas en el tema de como poner en un div un pdf en el foro de PHP en Foros del Web. Hola a todos: Me estoy liando con los iframes y ya no se donde estoy. Código PHP:  <table width="100%"> <tbody>    <?php        $linea = 1 ; ...
  #1 (permalink)  
Antiguo 24/05/2013, 11:43
Avatar de ManelGomez  
Fecha de Ingreso: diciembre-2007
Ubicación: El Prat de llobregat
Mensajes: 180
Antigüedad: 16 años, 4 meses
Puntos: 2
como poner en un div un pdf

Hola a todos:

Me estoy liando con los iframes y ya no se donde estoy.

Código PHP:
 <table width="100%">
<tbody>
  <?php 
      $linea
=1;
      foreach (
$this->items as $docus) : 
        
$linecolor = ($linea 2) + 1;
        
$doculink JURI::root().'images/documentos/pdf/'$this->escape($docus->docu_pdf);          
        echo 
"<tr class='sectiontableentry".$linecolor."'><td width='100%' valign='top'>";
        echo 
"<a href='".$doculink."'>".$this->escape($docus->title)."</a>";
        echo 
"</tr>";
        
$linea++;
      endforeach; 
    
?>  
  </tbody>
  </table>
  <div id="verpdf">
  
  </div>
Este código me abre el pdf en una nueva ventana. Y lo que pretendo es que se abra en la etiqueta div id="verpdf".
Podria intentar poner en <a href ....... que el target fuera el id de la etiqueta div ("verpdf"), pero no se.

Si alquien puede orientarme.

un saludo.
  #2 (permalink)  
Antiguo 24/05/2013, 12:16
 
Fecha de Ingreso: mayo-2011
Mensajes: 14
Antigüedad: 12 años, 11 meses
Puntos: 2
Respuesta: como poner en un div un pdf

En primer lugar, recuerda cerrar los <td>

Código:
echo "</td></tr>";

Si hay alguna cosa más no la veo ahora mismo, de todos modos, prueba eso y nos comentas.

Saludos!
  #3 (permalink)  
Antiguo 24/05/2013, 15:49
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: como poner en un div un pdf

Yo no sé si se pueda abrir un pdf en un div. Quizá en un iframe, pero en un div lo dudo. Si es que sí, sería interesante...

Tal vez a través de un plugin de flash, de esos flip page.



Edito. OOoohhh. Sí se puede, según con esto: https://github.com/mozilla/pdf.js/

Según esto, chrome tiene un visor integrado. Otros funcionarán con el plug in de adobe.
  #4 (permalink)  
Antiguo 24/05/2013, 16:34
 
Fecha de Ingreso: septiembre-2006
Mensajes: 139
Antigüedad: 17 años, 7 meses
Puntos: 14
Respuesta: como poner en un div un pdf

Buenas noches Manuel,

Prueba con este código:

Código HTML:
Ver original
  1. <div>
  2. <object data="test.pdf" type="application/pdf" width="300" height="200">
  3. alt : <a href="test.pdf">test.pdf</a>
  4. </div>

Fuente: http://www.webdeveloper.com/forum/sh...F-within-a-DIV

Saludos cordiales.
Francisco J.
  #5 (permalink)  
Antiguo 25/05/2013, 13:39
Avatar de ManelGomez  
Fecha de Ingreso: diciembre-2007
Ubicación: El Prat de llobregat
Mensajes: 180
Antigüedad: 16 años, 4 meses
Puntos: 2
Respuesta: como poner en un div un pdf

Estupendo Francisco.

Me he quedado impresionado que con solo unas lineas de código.

Hay que estudiar la etiqueta <object> y todos sus atributos.

De momento muy bien. Voy a investigar si se puede descargar, imprimir, etc.

Tambíen voy a tener en cuenta el cierre de etiquetas.

Gracias a todos.
  #6 (permalink)  
Antiguo 25/05/2013, 14:08
 
Fecha de Ingreso: septiembre-2006
Mensajes: 139
Antigüedad: 17 años, 7 meses
Puntos: 14
Respuesta: como poner en un div un pdf

Nada amigo para eso estamos.

Una cosa sólo, no sé cómo anda el tema de la etiqueta <object> en la especificación de HTML5 y 5.1 por lo que deberás estar alerta vaya que haya algún cambio en la que pase a estado deprecated en cualquier momento, con lo que tendrías que buscar alguna otra alternativa.

Lo digo porque como es tan dinámico esto de las especificaciones y los cambios en las mismas.

Saludos cordiales.
Francisco J.
  #7 (permalink)  
Antiguo 25/05/2013, 14:25
Avatar de ManelGomez  
Fecha de Ingreso: diciembre-2007
Ubicación: El Prat de llobregat
Mensajes: 180
Antigüedad: 16 años, 4 meses
Puntos: 2
Respuesta: como poner en un div un pdf

Tienes razón.

Es el tema de la constante evolución.

Ha marcado gol el Bayer Munich. Por el tiempo de falta seran campeones de europa.

El código funciona bien, puedes guardar, imprimir, etc.

Un saludo.
  #8 (permalink)  
Antiguo 25/05/2013, 15:22
 
Fecha de Ingreso: septiembre-2006
Mensajes: 139
Antigüedad: 17 años, 7 meses
Puntos: 14
Respuesta: como poner en un div un pdf

Me alegro mucho que funcione bien.

De eso se trata, además ya para muchos será de ayuda, al menos yo también lo descubrí el otro día cuando lo posteé.

Saludos cordiales.
Francisco J.

Etiquetas: pdf
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 02:55.