Saturday, December 22, 2012

Display Content (PDF, excel, word, Images etc) on your Visualforce Page

<apex:page controller="PreviewController" showHeader="false" sidebar="false" standardStylesheets="false"   >
  
<apex:form >

<script>
            function OpenDoc(docId){
                alert(docId);
                var htmlString = '<div id="chatterFileViewerPanel" class="chatterFileViewerPanel"><br/><br/> <embed height="500px" align="middle" width="500px" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.adobe.com/go/getflashplayer" allowfullscreen="true" allowscriptaccess="sameDomain" ' +'name="renditionLarge" bgcolor="#f3f3f3" quality="high" id="renditionLarge" '+'flashvars="shepherd_prefix=/sfc/servlet.shepherd&amp;v='+docId+'&amp;mode=chatterfilepreview&amp;in_tests=false" src="/static/101210/sfc/flex/DocViewer.swf" /> </div> ';
                         
                        document.getElementById('myDiv').innerHTML =  htmlString;
                        PrepareFlexComponent(docId);
                     
                     
                }
              
                function PrepareFlexComponent(docId){
                        insertFlexComponent('/static/102010/sfc/flex/DocViewer',
                                'shepherd_prefix=/sfc/servlet.shepherd&v='+docId+'&mode=chatterfilepreview&amp;in_tests=false','500px', '500px', '#f3f3f3', 'chatterFileViewerPanel', 'renditionLarge', false,{ adobeFlashVersionLbl : 'You must enable or download Adobe Flash Player version 9.0.115 or later to use this feature.', downloadAdobeLbl : 'Download Adobe Flash Player', downloadAdobeLinkLbl : 'Click the link below to download the Adobe Flash Player:', closeDialogLbl : 'Cancel'});
                                 
                        Ninja.Flex.ContentStaticResourcesBase = '/static/102010/sfc';
                        Ninja.Flex.ShepherdController = '/sfc/servlet.shepherd';
                }
        </script>
        <script type="text/javascript" src="/static/101210/js/functions.js"></script>
<script  src="/EXT/ext-3.0.0/ext.js" type="text/javascript"></script>
<script  src="/jslibrary/1294273133000/main.js" type="text/javascript"></script>
<script  src="/jslibrary/1289945557000/Chatter.js" type="text/javascript"></script>
<script  src="/jslibrary/1289346548000/ChatterFiles.js" type="text/javascript"></script>
<script  src="/jslibrary/labels/1295420058000/en_US.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/101210/desktop/desktopAjax.js"></script>
           
<script type="text/javascript" src="/static/101210/sfc/javascript/lib/AC_OETags.js"></script>

<script>

   function postSubDocument(url, internal) {
      var form = document.getElementById("formSubDocument");
      form.action = url;
      form.internal.value = internal;
      form.submit();
    }
           
    function hideFlex() {
        document.getElementById('IE6Confirm').style.display = "block";
    }
                  
    function showFlex() {
        document.getElementById('IE6Confirm').style.display = "none";
    }
                  
    function cancelDownload(url) {
        showFlex();
    }
                  
    function triggerDownload(url) {
        window.open(url);
    }
                  
    function downloadDocForIE6() {
        showFlex();
        triggerDownload(_url);
    }
                  
    function downloadDoc(url) {
        var isIE6 = (navigator.userAgent.indexOf("MSIE 6") != -1);
        if (isIE6) {
            _url = url;
            hideFlex();
        }
        else {
           triggerDownload(url);
        }
     }


  </script>
        <body>
       <div class="wrapper">
       <div class="clr"></div>
       <div class="main-index2">
      <!-- <div class="col-3">
           <c:SidePanel />
        </div>-->
     
       <div class="centerContent" id="myDiv"></div>
  
    <div class="clr"></div>         </div></div><div class="clr"></div>
    <input type="button" onclick="OpenDoc('068J00000000RszIAE')" value="click"/>
  
    </body>
  
 
    </html>
  
</apex:form>
<script>
    OpenDoc('{!$CurrentPage.parameters.id}');   
</script>
</apex:page>


// Pass the content Id in OpenDoc function. In this code I passed the Id from URL. 
PDF Preview

PPT Preview