如何使用超連結 把網頁內容 連結 到圖層(DIV)內??

最近想作一個網頁..
不想使用框架頁做

想使用 圖層DIV 做出來
不過 小弟 製作網頁的功力實在是不足 [慟哭]

遇到了一個問題 請各位先進 是否抽空指導 謝謝



例如

開一個網頁 名稱ABC

內有文字叫 "按我" 設為超連結

再拉一個圖層 原始碼如下

div id="dates" /div (阿..打<> 括起來 01無法顯示...)

----------------------------

在開網頁 叫 123.html

內容只有一些文字

----------------------------

那麼要如何 設定 "按我" 這個超連結

按下去 將 123.html 其內容

只顯示在 ABC 網頁中的圖層 div id="dates" 內



請問是否能做到這個功能嗎????

如果可行是否能附上一段 原始碼 以供參考

萬分感謝

2009-07-01 11:30 #1
請服用jquery load
指定selector

範例請自行 估一下
To be or Not to be. Just be...
$(function(){
$("div#dates").load("123.html");
});

基本上是這樣
但是點了之後的話
還要搭配click功能

詳情可以上jQuery看看
我們都是單翼的天使 透過彼此擁抱 才能展翅飛翔
謝謝 各位先進的指導


目前原始碼如下



<script type="text/javascript" language="javascript">

$(function() {$("div#dates").load("123.html");});

</script>

是可以載入到圖層了 但只是開啟網頁時他會自動加入...



如何將 "按我" 這2個字 該如何讓它變成超連結?
該如何加入到上面的原始碼中?

我太笨了 見諒....


<script type="text/javascript" language="javascript">
function loadHTML(){
$("div#dates").load("123.html");
}
</script>
<x href="#" onClick="loadHTML()">按我</x>

透過超連結中的onClick Event來觸發loadHTML的javascript function
ps: <x href>是故意這樣寫的, 不然會被01變成真的連結
http://jin.tw
感謝各位高手...

問題已解決...

萬分感謝.......[勝利]
怎麼做的...可以教一下嗎?
日邦格 wrote:
感謝各位高手... (恕刪)


怎麼做的...可以教一下嗎?
評分
複製連結