作者chrisQQ (ＣｈｒｉｓＬｉｕ)
看板Web_Design
標題[問題] 有關 tw.yahoo.com 首頁的 ajax
時間Mon Nov 6 00:31:01 2006
弟想問
http://tw.yahoo.com 雅虎奇摩首頁裡面用的 ajax
最上面搜尋那邊
不是有 網頁 知識+ 商家 圖片 等等的選項 點了下面的搜尋欄位就會跟著變
就弟目前的概念 只要使用
<a href="javascript:void(null)" onclick="change()">網頁</a>
然後再把 function change() 中加入 innerHtml 改變內容去達到這個目的
但是 弟看奇摩的原始碼 似乎是這樣
<a href="srchbox/nojs/*
http://tw.search.yahoo.com/web">網頁</a>
或者是
<li id="yui-event-auto-id-39"
rd="web@@@TBK@@@*-http://tw.search.yahoo.com/search/kimo"
fr="fp-tab-web-t" value="1" class="on">
<a href="
http://tw.rd.yahoo.com/referurl/hp/beta/srchbox/nojs/*
http://tw.search.yahoo.com/web">
網頁</a></li>
弟自己試過 若 href="" 有其他值的話 就會跳到那個頁面
不會像 yahoo一樣 只有改變某個 div / span 內的內容
弟把 yahoo 的網頁另存新檔 也還是沒辦法像他一樣只更新範圍內的資料
按下 "焦點新聞" 還是會跑到
http://tw.news.yahoo.com/ 去
不知道是否有人能夠為弟講解一下 原理...
如何才能夠達到這種效果...
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.62.42.9
2F：推 kenshieh:他在他的 javascript 中有去實作那塊 11/06 10:58
3F：→ kenshieh:通常是加入 onclick() 到 <a> 這裡面去 11/06 10:59
4F：→ kenshieh:去 trace 他的 javascript 就會得知了 11/06 10:59
5F：→ chrisQQ:不過實際上它的code並沒有 onClick 11/06 14:04
6F：→ chrisQQ:還是說 他用js在load的時候再去加入onClick的method? 11/06 14:05
7F：→ chrisQQ:但是使用 FF 的 檢視選取範圍程式碼 還是只有文章內 11/06 14:05
8F：→ chrisQQ:下面那行的程式碼 就是前面多了 li標籤 rd=????? 那個 11/06 14:06
9F：→ chrisQQ:跟一樓的右下角說的差不多 不過也沒用到 <a> 和 onclick? 11/06 14:11
10F：→ chrisQQ:看起來是直接用 span, 是用 tab-view.js 來控制的嘛? 11/06 14:12
11F：推 edl2000:div + php 抓資料庫, 再跟 tab-view結合 11/06 16:07
12F：→ chrisQQ:感謝 我在dhtmlgoodies找到 tab view 的document了 11/06 23:20
13F：→ chrisQQ:不過 我想知道的是 如果同時也有 <a href="somewhere"> 的 11/06 23:20
14F：→ chrisQQ:tag 是否也會只變換tab呢 yahoo就是這種情形 11/06 23:21
15F：→ edl2000:yahoo的好難..我網站的tab-view是用dhtmlgoodies去改的 11/07 08:06
16F：→ chrisQQ:恩 感謝~ 11/07 17:39