Online Document Viewer

Online Document Viewer

HTML

<script src="http://www.scribd.com/javascripts/scribd_api.js"></script>
<h2>Online Document Viewer</h2>
<div class='butt google'>Google</div>

<div class='butt scribd'>Scribd</div>


<div class='scribdcont' style="display:none;">
<div id='embedded_doc'></div>
</div>
<div class='googlecont' style="display:none;">
<iframe id="googdoc"></iframe>    
</div>

CSS

.butt{background:#315A94;padding:4px;margin:4px;width:45px;float:left;cursor:pointer;color:#fff;border:1px solid #fff;}
h2{color:#315A94;}

JavaScript

var url = 'http://www.nwlink.com/~donclark/hrd/templates/presentations.ppt';
  var pub_id = 'pub-82439046238225493803';
  var scribd_doc =  scribd.Document.getDocFromUrl(url,pub_id);
  scribd_doc.addEventListener('docReady', onDocReady);
  scribd_doc.addParam('jsapi_version', 2);
  scribd_doc.addParam('height', 400);
  scribd_doc.addParam('width', 400);
  scribd_doc.addParam('public', true);
  scribd_doc.write('embedded_doc');
  var onDocReady = function(e){
    scribd_doc.api.setPage(3);
  }
  
  var googleurl="https://docs.google.com/viewer?url=http://www.nwlink.com/~donclark/hrd/templates/presentations.ppt?&embedded=true";
$("#googdoc").attr({"src":googleurl,"frameborder":0,"height":"400px","width":"400px"});
  
  $(".google").click(function(){  
  $(".googlecont").show();  
  $(".scribdcont").hide(); 
  });

  $(".scribd").click(function(){  
  $(".googlecont").hide();  
  $(".scribdcont").show(); 
  });