0

Estou com um problema em fazer meu PDF abrir dentro de uma table.

Arquivo

Como mostra a imagem, ao clicar no "Abrir PDF" ele dispara o arquivo em uma nova aba. Mas como fazer o arquivo em PDF abrir dentro da table?

5
  • 1
    O mais usado é abrir o pdf dentro de um <object></object> ou dentro de um <iframe></iframe>. Mas você também pode dar uma olhada em como usar algum dos pluguins javascript mostrados aqui Commented 19/05/2014 às 14:01
  • 1
    Não, a imagem não mostra nada, está tão pequeno que ela não está ajudando nada. Tem como resolver este problema?
    – Maniero
    Commented 19/05/2014 às 16:05
  • Uma possível solução seria utilizar um visualizador online, para exibir o PDF como imagem navegável, por exemplo: view.samurajdata.se
    – abfurlan
    Commented 19/05/2014 às 17:49
  • Obrigado pelo apoio! Consegui o que eu queria!
    – Felipe
    Commented 19/05/2014 às 21:54
  • 1
    Então posta uma resposta mostrando como tu implementou isso, para que as outras pessoas que estejam com o mesmo problema consigam solucionar o mesmo. Commented 23/05/2014 às 11:29

1 Resposta 1

1

Como Marciano.Andrade disse, irei informar o cód mostrando como ficou a implementação desde o menu de chamada (como é meio grande irei separar para facilitar a visualização)

Menu:

<html>
<head>
<style>

body, table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000033;
background-color: #FFFFFF;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px;
cursor: hand;
text-align: center;
}

.menu-sel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #0000FF;
background-color: #FFFAFA;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
padding: 5px;
cursor: hand;
}

.tb-conteudo {
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.conteudo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000033;
background-color: ;
padding: 5px;
width:990px;
height: 460px;
}

</style>
<script language="JavaScript">

function stAba(menu,conteudo)
{
  this.menu = menu;
  this.conteudo = conteudo;
}

var arAbas = new Array();
arAbas[0] = new stAba('td_cada','div_cada');
arAbas[1] = new stAba('td_alt_exc','div_alt_exc');
arAbas[2] = new stAba('td_cons','div_cons');

function AlternarAbas(menu,conteudo)
{
  for (i=0;i<arAbas.length;i++)
  {
   m = document.getElementById(arAbas[i].menu);
   m.className = 'menu';
   c = document.getElementById(arAbas[i].conteudo)
   c.style.display = 'none';
  }
  m = document.getElementById(menu)
  m.className = 'menu-sel';
  c = document.getElementById(conteudo)
  c.style.display = '';
}

</script>

</head>

<body onLoad="AlternarAbas('td_cada','div_cada')">
<table width="100%" height="50"  align="left" valign="" cellspacing="0" cellpadding="0" border="0" style="border-left: 1px solid #000000;">
    <tr>
        <td height="20" width="25%" class="menu" id="td_cada" onClick="AlternarAbas('td_cada','div_cada')">Incluir</td>
        <td height="20" width="25%" class="menu" id="td_alt_exc" onClick="AlternarAbas('td_alt_exc','div_alt_exc')">Alterar - Excluir</td>
        <td height="20" width="25%" class="menu" id="td_cons" onClick="AlternarAbas('td_cons','div_cons')">Consultar</td>
        <td width="25%" style="border-bottom: 1px solid #00000F"> &nbsp;</td>
    </tr>

<tr>
    <td height="460" width="10%" class="tb-conteudo" colspan="3">
        <div id="div_cada" class="conteudo" style="display: block; padding-top:5px;">
            <table border="0" width="50%">
                <tr>
                    <td>
                        <iframe style="border-radius:20px;" scrolling="no" src="../sai_cada_usua/sai_frm_incl_usua.php" width="190%" height="450" >
                        </iframe>
                    </td>
                </tr>
          </table>
       </div>

        <div id="div_alt_exc" class="conteudo"  style="display: none; padding-top:5px;">
            <table border="0" width="50%">
                <tr>
                    <td>
                        <iframe style="border-radius:20px;" scrolling="no" src="../sai_cada_usua/sai_frm_alte_excl_usua.php" width="190%" height="450" >
                        </iframe>
                    </td>
                </tr>
            </table>
        </div>

        <div id="div_cons" class="conteudo" style="display: block; padding-top:5px;">
            <table border="0" width="50%">
                <tr>
                    <td>
                        <iframe style="border-radius:20px;" scrolling="no" src="../sai_cons/sai_cons_usua.php" width="190%" height="450" >
                        </iframe>
                    </td>
                </tr>
          </table>
       </div>

   </td> 
</tr>

</table>
</body>

    <td width="33%">
        <button type="button" style="width:65" onclick='javascript:parent.location.replace("../sai_prin/menu_com_abas_cada.php")'>
            <image src="../sai_imag/cancelar.ico">
        </button>
    </td>
</html>

Aba de Consulta:

<html>
<script language="javascript">
    tms=new Array()
    function over(n)
    {
    if(typeof(tms[n])!="undefined")
        clearTimeout(tms[n])

    document.getElementById("s"+n).style.visibility="visible"
    }
    function out(n)
    {
        tms[n]=setTimeout('document.getElementById("s'+n+'").style.visibility="hidden"',200)
    }
</script>

<style type="text/css">
    .menuitem
    {
        float: left;
        top: 0px;
        left: 25px;
        font-size: 15px;
    }
    .menuitem a
    {
        position:absolute;
        left:50%;
        top:35%;
        margin-left:-110px;
        margin-top:-100px;
        display: block;
        margin-top: 10px;
        padding: 34px;
        align: center;
        width: 85px;
    }

</style>
<br><br>
<!--Consulta Usuario-->
<div class="menuitem" onmouseover="over(1)" onmouseout="out(1)" width="20" align="center" height="20">
    <a href="../sai_cada_usua/sai_cons_usua.php">
    <image src="../sai_imag/botao_clique_aqui.jpg">
</div>
</html>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .