Скрыть всплывающее окно в 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?