ausblenden Pop-out in Google Docs Viewer mit Javascript-Jquery

Question

Ich verwende Google Docs Viewer zum Anzeigen von Word-und PDF-Dateien im Dialogfeld in meiner Anwendung. Aber mein Kunde braucht dieses Dokument sollte nicht heruntergeladen werden. Ich möchte also die Pop-out-Option ausblenden. Bitte helfen Sie mir dafür. Unten ist mein Code-Schnipsel:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script> 
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript"> 
    $(function() { 
     $("#btnShow").click(function() { 
      $("#dialog").dialog({ 
       modal: true, 
       title: '', 
       width: 750, 
       height: 450, 
       buttons: { 
        Close: function() { 
         $(this).dialog('close'); 
        }     
       }, 
       open: function() { 
        var object = "<iframe id='resViewer' src='https://docs.google.com/viewer?url=my_file.pdf&embedded=true' style='width: 700px; height: 700px;' frameborder='0'></iframe>";      

        $("#dialog").html(object); 
       } 
      }); 
     }); 
    }); 
</script> 
<input id="btnShow" type="button" value="Show PDF" /> 
<div id="dialog" style="display: none"> 
</div> 

Bitte helfen Sie mir.

Wenn jemand eine andere Möglichkeit zum Anzeigen von Word-und PDF-Datei kennt, geben Sie mir entweder oder schlagen Sie dafür vor.

Danke.

Answer 1

Die folgende CSS wird die Pop-out-Schaltfläche entfernen.

div[aria-label="Pop-out"] { 
    display: none; 
} 
div["aria-label=toolbar"] { 
    width: 52px; 
} 

Aber um das CSS auf den iframe anzuwenden, müssen Sie einige Tricks machen. Siehe jQuery, select element inside iframe, which is inside an iframe und How to apply CSS to iframe?