Google Docs Viewer plugin for jQuery
Un plugin JQuery permettant de voir des documents online via Google Docs Viewer
Code HTML :
Code HTML :
Code HTML :
Code HTML :
Le plugin ins?re un IFRAME ? l'endroit du lien pour montrer le document.
Cette IFRAME est inject?e dans un DIV avec "gdocsviewer" comme class name. Ce nom de class permet de modifier le style du gdocsViewer via un CSS
jquery.gdocsviewer.v1.0.zip
Utilisation
1. Ajouter jQuery et gDocsViewer ? votre page
Code HTML :
<head> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.gdocsviewer.min.js"></script> </head>
2. Mettre en place les liens vers les fichiers que vous souhaitez visualiser avec Google Docs viewer
Code HTML :
<a href="urltofile.pdf" class="embed">Download file</a> <a href="urltofile.pdf" id="embedURL">Download file</a>
3. Initialisation et mis en action de gDocsViewer
Code HTML :
$('a.embed').gdocsViewer();
$('#embedURL').gdocsViewer();4. Personnalisation : Modifier la largeur et la hauteur
Code HTML :
$('a.embed').gdocsViewer({ width: 400, height: 500 });Le plugin ins?re un IFRAME ? l'endroit du lien pour montrer le document.
Cette IFRAME est inject?e dans un DIV avec "gdocsviewer" comme class name. Ce nom de class permet de modifier le style du gdocsViewer via un CSS
5. T?l?chargements
jquery.gdocsviewer.v1.0.zip
