Помогите, пожалуйста, с JavaScript.
Нужно реализовать просмотр PDF файлов в попап окошке.
Найден скрипт, который делает именно то, что нужно.
Но я никак не могу разобраться как он устроен.
Мне нужно, чтобы вывод всплывающего окна был оформлен как функция с передаваемым параметром - именем файла.
Как его переделать?
Код
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<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 () {
var fileName = "prezentaciya.pdf";
$("#btnShow").click( function () {
$("#dialog").dialog({
modal: true,
title: fileName,
width: 835,
height: 745,
buttons: {
Close: function () {
$(this).dialog('close');
}
},
open: function () {
var object = "<object data=\"{FileName}\" type=\"application/pdf\" width=\"800px\" height=\"600px\">";
object += "</object>";
object = object.replace(/{FileName}/g, "files/" + fileName);
$("#dialog").html(object);
}
});
});
});
</script>
<input id="btnShow" type="button" value="Показать документ" />
<div id="dialog" style="display: none">
</div>
</body>
</html>
Нужно реализовать просмотр PDF файлов в попап окошке.
Найден скрипт, который делает именно то, что нужно.
Но я никак не могу разобраться как он устроен.
Мне нужно, чтобы вывод всплывающего окна был оформлен как функция с передаваемым параметром - именем файла.
Как его переделать?
Код
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<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 () {
var fileName = "prezentaciya.pdf";
$("#btnShow").click( function () {
$("#dialog").dialog({
modal: true,
title: fileName,
width: 835,
height: 745,
buttons: {
Close: function () {
$(this).dialog('close');
}
},
open: function () {
var object = "<object data=\"{FileName}\" type=\"application/pdf\" width=\"800px\" height=\"600px\">";
object += "</object>";
object = object.replace(/{FileName}/g, "files/" + fileName);
$("#dialog").html(object);
}
});
});
});
</script>
<input id="btnShow" type="button" value="Показать документ" />
<div id="dialog" style="display: none">
</div>
</body>
</html>
