Google Docs Viewer plugin for jQuery

Visiter

Informations sur le lien

Nombre de visites : 272
Catégorie : Developpement Web
Aucun commentaire

0 Note

Un plugin JQuery permettant de voir des documents online via Google Docs Viewer

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