Colocar un pdf en un <td> con embed ó object

saggas · #1 (**permalink**) 23/09/2010, 11:09

Hola estoy tratando de cuando el usuario aga click en link llame a un pdf, con eso no tengo problemas pero lo nesesito dentro de una taba especificamente dentro de un <td>, ya que no soy muy experto en JS e probado y nada alguna idea, lo otro los usarioos ocupan IE 7 ó 8 .

gracias totales.

Código PHP:

   
<object data="goodies/pdfs/indice_contenido.pdf" type="application/pdf" width="700" height="500"> 
  alt : <a href="goodies/pdfs/indice_contenido.pdf"></a> 
            </object>

Código PHP:

   
<embed src=”archivo.pdf#toolbar=0&navpanes=0&scrollbar=0” width=”500? height=”375?></embed>

el problema con los codigos anteriores que lo ejecuta altiro ??????.

DrakoFire · #2 (**permalink**) 23/09/2010, 11:29

Puedes usar JQuery es un framework de javascript que te ahorra mucho código y te ayuda para ese tipo de funcionalidades, aquí puedes leer un poco sobre ello y como descargarlo. [URL="http://jquery.com/"]http://jquery.com/[/URL]

Ahora por ejemplo si quieres inserta código HTML dinámicamente en un td especifico podría ser de la siguiente manera (utilizando JQuery y JavaScript)

Sería como la tabla por ejemplo

Código HTML:

<table>
   <tr>
        <td id="tdEspecifico">
        </td>
   </tr>
</table>

Función que inserta el código HTML dinámico

Código Javascript:

Ver originalfunction insertaHTML(){
 
   var html="<object data='goodies/pdfs/indice_contenido.pdf' type='application/pdf' width='700' height='500'> alt : <a href='goodies/pdfs/indice_contenido.pdf'></a></object>";
 
    $("#tdEspecifico").html(html);
 
}

Así es como yo lo haría solo mando a llamar a la función y listo, bueno espero que haya entendido correctamente la pregunta así como la haya contestado correctamente jajaja

Saludos

saggas · #3 (**permalink**) 23/09/2010, 12:04

Gracias drakofire pero no junca, lo referencia y no resulto pero buena idea locolo el codigo

Código PHP:

   
<table class="tabla_index"  > 
<tr> 
    <th class="fondo_cabecera" align="center" width=300px>&Iacute;ndice de Contenido</th> 
</tr> 
<tr> 
 
    <td id="tdEspecifico"> 
            <a href='#' onclick="javascript:insertaHTML()" >ira</a> 
    </td> 
<tr> 
 
</table> 
 
{literal}     
<script type="text/javascript"> 
    function insertaHTML(){ 
    var html="<object data='goodies/pdfs/indice_contenido.pdf' type='application/pdf' width='700' height='500'> alt : <a href='goodies/pdfs/indice_contenido.pdf'></a></object>"; 
    
     $("#tdEspecifico").html(html); 
    } 
</script> 
{/literal}

a los {literal} son porque trabajo con smarty.

grcias totales.

saggas · #4 (**permalink**) 23/09/2010, 15:51

Bueno lo solucione con Jquery dejo el codigo.

gracias totales.

Código PHP:

  <html> 
    <head> 
        <script type="text/javascript" src="include/js/jquery.js"></script> 
    <head> 
 
        <body> 
            {if !empty($flashMessage)}<label id="flashMessage">{$flashMessage}</label>{/if} 
            <table class="tabla_index"> 
                <tr> 
                    <th class="fondo_cabecera" align=center width="900 px">Etapas M&eacute;todo Planificaci&oacute;n</th> 
                </tr> 
                <tr> 
                    <td align="center" id="formulario" height="200 px"> 
                        <input type="button" id="boton1" value="Ver Archivo"> 
                    </td> 
                </tr> 
            </table> 
        </body> 
     
    {literal}     
    <script type="text/javascript"> 
 
        var x; 
        x=$(document); 
        x.ready(inicializarEventos); 
 
        function inicializarEventos() 
        { 
          var x; 
          x=$("#boton1"); 
          x.click(presionBoton1); 
           
        } 
 
        function presionBoton1() 
        { 
          var x; 
          x=$("#formulario"); 
          x.html('<embed src="goodies/pdfs/etapas_metodo.pdf" width="700" height="500"></embed>');  
        } 
    </script> 
    {/literal}     
</html>