Я создаю персональную веб-страницу, используя twitter-bootstrap 3. Я хочу отобразить .pdf file
внутри модального. Как я могу это сделать? Спасибо заранее.Как сделать «файл pdf» в модальном режиме в twitter bootstrap?
3
A
ответ
2
Это было бы относительно похоже на использование диалогового окна интерфейса JQuery. (http://jqueryui.com/download/) Вы включаете эти сценарии внутри тега
<link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>
JQuery код
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#trigger').click(function(){
$("#dialog").dialog();
});
});
</script>
HTML код внутри (с помощью IFrame для загрузки PDF)
<a href="#" id="trigger">this link</a>
<div id="dialog" style="display:none">
<div>
<iframe src="yourpdffile.pdf"></iframe>
</div>
</div>
+0
Вопрос касался Bootstrap, а не jQuery UI –
Смежные вопросы
- 1. Невозможно отобразить содержимое таблицы в модальном режиме в twitter bootstrap?
- 2. Twitter Щебетать Bootstrap не работает в модальном
- 3. Bootstrap - внутренняя ссылка в модальном
- 4. Показать файл PDF в модальном окне
- 5. Как сделать элемент отзывчивым в twitter bootstrap
- 6. Twitter Bootstrap Banner - Как сделать
- 7. Как отобразить pdf в модальном окне?
- 8. Как сделать colorbox отзывчивым, используя twitter bootstrap?
- 9. Подсказка в модальном с backbone.marionette и twitter bootstrap
- 10. Маршрутизация в Модальном окне Bootstrap
- 11. Как показать PDF в модальном Rails
- 12. Вход пользователя Bootstrap в модальном
- 13. Как сделать Twitter Bootstrap отзывчивым с Rails?
- 14. Навигация Просмотр в Модальном режиме
- 15. Twitter Bootstrap - сделать хорошо Полноширинный
- 16. Bootstrap: анимация в модальном окне
- 17. Как сделать указатель google показан в модальном
- 18. Как сделать modal не закрытым при ошибке ввода, Twitter Bootstrap
- 19. Как сделать работу формы PHP в модальном
- 20. Twitter Bootstrap - как сделать модальное окно ответственным за мобильные устройства?
- 21. Пытается прочитать pdf-файл в модальном всплывающем окне на кнопке
- 22. Как сделать всплывающие подсказки Twitter Bootstrap доступными?
- 23. Как сделать Twitter Bootstrap Navbar прозрачным?
- 24. Как сделать Twitter bootstrap modal full screen
- 25. Загрузить html-файл в модальном
- 26. Закрытие выпуска с модальным в модальном - bootstrap
- 27. Twitter Bootstrap текст-центр, когда в режиме хв
- 28. href в модальном диалоговом окне в bootstrap
- 29. Деревья в Twitter Bootstrap
- 30. Twitter Bootstrap в Rails
.PDF в диалоге. Может быть, [Google docs viewer] (https://docs.google.com/viewer) и [пример] (http://jsfiddle.net/LW2T6/) –
Вы можете попробовать использовать '
(Также этот вопрос не является особенно связанным с Bootstrap.) – millimoose