Question

我正在使用谷歌文档查看器在我的应用程序中的对话框中显示单词和PDF文件。但我的客户需要该文档不应下载。所以想隐藏'弹出'选项。请帮帮我。以下是我的代码段：

<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>

请帮帮我。

如果有人知道显示单词和PDF文件的任何其他方式，我们都会给我路或建议。

感谢。

Answer 1

以下CSS将删除弹出按钮。

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

但是要将CSS应用于iframe，你将不得不做一些诡计。请参阅jQuery, select element inside iframe, which is inside an iframe和How to apply CSS to iframe?

使用javascript-jquery在Google文档查看器中隐藏弹出窗口

1 个答案: