Скрыть всплывающее окно в Google Docs Viewer, используя Javascript-JQuery

Я использую Google Docs Viewer для отображения файлов Word и 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-файла, дайте мне способ или предложите для этого.

Благодарю.

1 ответ

Следующий CSS удалит всплывающую кнопку.

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

Но для того, чтобы CSS применился к iframe, вам придется сделать несколько хитростей. См. JQuery, выберите элемент внутри iframe, который находится внутри iframe и Как применить CSS к iframe?

Другие вопросы по тегам