Embed PDF without Download and Print button in jQuery

Hi JaySingh,

Embed is used to display the pdf in browser. Save, Print, Download are the inbuilt functionality of PDF viewer. You can't disable those. These are handled by the browser itself and different for each browser.

What you can do is hide the toolbar by setting the below properties.

toolbar = 0 : Hides the Toolbar

navpanes = 0 : Hides the Navbar

scrollbar = 0 : Hides the Scrollbar

<a class="unableClick" href="Test.pdf">Test</a>
<hr />
<div id="dvEmbedPdfviewer">
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('a.unableClick').click(function (e) {
            e.preventDefault();
            var div = document.getElementById('dvEmbedPdfviewer');
            //var URl = $(this).attr('href') + "#view=FitH&toolbar=0";
            var URl = $(this).attr('href') + "#toolbar=0&navpanes=0&scrollbar=0";
            var EmbedHtml = "<embed id='embed' src='" + URl + "' height='400' width='800' />"
            div.innerHTML = EmbedHtml;
        });
    });
</script>

Please note that this does not work on Firefox.

Visit the Web Designer's Guide blog post for details.