JQuery

Jquery: Abrindo um arquivo dentro de um iframe

Com base no post anterior, segue uma outra forma de inserir um arquivo dentro de um iframe.

Agora vamos usar o Jquery.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
  $(function() {
    $("button").click(abrirPdf);
    function abrirPdf(){
       var iframe = $("#id_do_iframe");
       iframe.attr("src", 'nome_do_arquivo.pdf'); // .html - .asp - .php
    }
  });	
</script>
<p><button>Abrir</button></p>
<iframe id="id_do_iframe" scrolling="auto" src="" width="600" height="600"></iframe>

One thought on “Jquery: Abrindo um arquivo dentro de um iframe

  • wellington

    Muito bom o post, me ajudou bastante…

    Resposta

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *