開啓PDF使用Dreamweaver和jQuery

enter image description here 開啓PDF使用Dreamweaver和jQuery

我使用的新的Dreamweaver jQuery摺疊功能。我想要做的是能夠選擇一個帳戶併爲該帳戶打開相應的PDF。

我想弄清楚如何將PDF與一個帳戶相關聯，並在選擇一個帳戶時將其打開到「content goes here」容器中。

任何幫助將不勝感激。謝謝。

<!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>

來源

2013-11-14 Michael Downey

我能想到的唯一的辦法就是使用HTML框架，我拒絕推薦。 – Blazemonger

順便說一下，您應該*將所有這些內嵌CSS樣式移動到單獨的樣式表中。 – Blazemonger

1）這與Dreamweaver無關，它只是一個代碼編輯器。

2）使用Iframe。

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

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

來源

2013-11-14 20:49:40

開啓PDF使用Dreamweaver和jQuery

回答

相關問題