Открытие PDF-файлов в контейнере с помощью Dreamweaver и JQuery

Question

Открытие PDF-файлов в контейнере с помощью Dreamweaver и JQuery

0

Я использую функцию аккордеона jQuery в новом Dreamweaver. Я хочу сделать выбор в учетной записи и открыть соответствующий PDF для этой учетной записи.

Я пытаюсь выяснить, как связать PDF с учетной записью и открыть его в разделе "Содержимое идет здесь" Контейнер при выборе учетной записи.

Любая помощь приветствуется. Благодарю.

<!DOCTYPE html>
<html>
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
<body>

<div id="container" style="width:700">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">jQuery Test File</h1></div>


<div id="menu" style="background-color:#FFD700;height:278;width:300;float:left;">
  <b>Utilities</b><br> 

<div id="Accordion1">
  <h3><a href="#"> Electric </a></h3>
  <div>    3201 New Mexico AV</br>     
<br>
4200 Wisconsin Ave</br>
<br>
4545 42nd St NW 312 <br>
4545 42nd St 309</br></div>
  <h3><a href="#"> Gas </a></h3>
  <div>Anderson Hall<br>
Asbury Bldg</br>
<br>
Asbury Boiler Distribution <br>
Beeghly Bldg.</div>
  <h3><a href="#">Water</a></h3>
  <div>3500 Nebraska Ave. NW
    <br>
3501 Nebraska Ave. NW<br>
4629 Rockwood Pkwy <br>
4745 Massachusetts Ave</div>
</div>

<script type="text/javascript">
$(function() {
    $( "#Accordion1" ).accordion(); 
});
</script>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;"></div>

</div>

<div id="content" style="background-color:#EEEEEE;height:278px;width:400px;float:left;">
Content goes here</div>

</body>
</html>

Michael Downey 14 нояб. 2013, в 21:43

Источник

2

Единственное, что я могу придумать, - это использовать фреймы HTML, и я отказываюсь рекомендовать это.
Blazemonger 14 нояб. 2013, в 20:46
1

Кстати, вы должны действительно переместить все эти встроенные стили CSS в отдельную таблицу стилей.
Blazemonger 14 нояб. 2013, в 20:48

Теги:

javascript

jquery

html

css

dreamweaver

1 ответ

Ещё вопросы

Единственное, что я могу придумать, - это использовать фреймы HTML, и я отказываюсь рекомендовать это.
Кстати, вы должны действительно переместить все эти встроенные стили CSS в отдельную таблицу стилей.

Diodeus - James MacFarlane · Accepted Answer · 2013-11-14T18-48-00.000Z

1) Это не имеет ничего общего с Dreamweaver, это только редактор кода.

2) Используйте iframe.

<a href="myfile.pdf" target="viewframe">3501 Nebraska Ave. NW</a>

<iframe name="viewframe" style="display:block;height:400px;"></iframe>