Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 1
Sexo: Masculino

mostrar doc pdf no navegador com plugin jquery gdocsViewer

26-01-2016 00:39

Alguem pode me ajuda???Plugins do google Docs jquery.
Por que será que no meu localhost funciona perfeitamente ,abre o documento pdf e no servidor ftp não funciona??
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17246
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: mostrar doc pdf no navegador com plugin jquery gdocsViewer

26-01-2016 06:27

Fiz o teste com o plugin gdocsViewer online e funcionou.
Segue o link do teste http://www.codigosnaweb.com/teste.php
* A página de teste vai ficar no ar por pouco tempo
Não sei se foi o seu caso, mas acho que o arquivo pdf tem que ser chamado direto de um servidor "http:.."

O código usado foi esse.

<html> <head> <title>gDocsViewer Demo</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/javascript" src="pdf/jquery.gdocsviewer.js"></script> <style type="text/css"> /* Style the second URL with a red border */ #test-gdocsviewer { border: 5px red solid; padding: 20px; width: 650px; background: #ccc; text-align: center; } /* Style all gdocsviewer containers */ .gdocsviewer { margin:10px; } </style> <script type="text/javascript"> /*<![CDATA[*/ $(document).ready(function() { $('a.embed').gdocsViewer({width: 600, height: 750}); $('#embedURL').gdocsViewer(); }); /*]]>*/ </script> </head> <body style="background:#999; font-family:arial, helvetica, sans-serif; font-size:14px;"> <div style="background:#fff; width:960px; margin:0 auto; padding:20px;"> <h1>gDocsViewer jQuery plugin v1.0 Demo</h1> <div> <p>By <a href="http://www.jawish.org/">Jawish Hameed</a></p> <p>See <a href="http://www.jawish.org/blog/archives/394-Google-Docs-Viewer-plugin-for-jQuery.html" target="_blank">documentation and usage guide</a></p> </div> <hr size="1" /> <div> <h2>Examples</h2> <h3>URLs with class: embed</h3> <a href="http://www.codigosnaweb.com/web.pdf" class="embed" id="test">PDF at mozdev.org</a> <h3>URLs with id: embedURL</h3> <a href="http://samplepdf.com/sample.pdf" id="embedURL">Sample PDF at samplepdf.com</a> </div> </div> </body> </html>

Fonte: http://www.jawish.org/blog/archives/394 ... Query.html
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Bing [Bot]