How to implement docs viewer into the application web

389

February 28, 2017, at 1:16 PM

I want to use a jquery.gdocsviewer.js in my application web to see directly into the browser the document. Now I have used this plugin "jquery.gdocsviewer" but it not works I have this code:

<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="sample.pdf" class="embed">PDF test georgetown.edu</a>
        <a href="https://www.dropbox.com/s/hbxvoz03evv0izd/sample.pdf?dl=0" class="embed" id="test">PDF at mozdev.org</a>
        <h3>URLs with id: embedURL</h3>
        <a href="https://www.dropbox.com/s/hbxvoz03evv0izd/sample.pdf?dl=0" id="embedURL">Sample PDF at samplepdf.com</a>
    </div>
</div>
</body>
</html>

This is the result