forked from HANYANG/HANYANG_MES
50 lines
1.7 KiB
HTML
50 lines
1.7 KiB
HTML
<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="jquery.gdocsviewer.min.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://finaid.georgetown.edu/sample.pdf" class="embed">PDF test georgetown.edu</a>
|
|
<a href="http://plugindoc.mozdev.org/testpages/test.pdf" class="embed" id="test">PDF at mozdev.org</a>
|
|
|
|
<h3>URLs with id: embedURL</h3>
|
|
<a href="https://yulim.kuls.co.kr/fileuploadbyajax/download.php?mode=%EC%9C%A0%EB%A6%BC%ED%85%8C%ED%81%AC%EA%B7%B8%EB%A3%B9%EC%9B%A8%EC%96%B4%ED%94%BC%EB%93%9C%EB%B0%B1230417rev14.pptx&dckn_cd=0001&docid=237&asdf.pdf" id="embedURL">Sample PDF at samplepdf.com</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |