[問題] 有關 tw.yahoo.com 首頁的 ajax

[chrisQQ (ＣｈｒｉｓＬｉｕ)]

  弟想問 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
→ edl2000:跟我網站一樣的效果嗎? http://edblog.net
推 kenshieh:他在他的 javascript 中有去實作那塊
→ kenshieh:通常是加入 onclick() 到 <a> 這裡面去
→ kenshieh:去 trace 他的 javascript 就會得知了
→ chrisQQ:不過實際上它的code並沒有 onClick
→ chrisQQ:還是說 他用js在load的時候再去加入onClick的method?
→ chrisQQ:但是使用 FF 的 檢視選取範圍程式碼 還是只有文章內
→ chrisQQ:下面那行的程式碼 就是前面多了 li標籤 rd=????? 那個
→ chrisQQ:跟一樓的右下角說的差不多 不過也沒用到 <a> 和 onclick?
→ chrisQQ:看起來是直接用 span, 是用 tab-view.js 來控制的嘛?
推 edl2000:div + php 抓資料庫, 再跟 tab-view結合
→ chrisQQ:感謝 我在dhtmlgoodies找到 tab view 的document了
→ chrisQQ:不過 我想知道的是 如果同時也有 <a href="somewhere"> 的
→ chrisQQ:tag 是否也會只變換tab呢 yahoo就是這種情形
→ edl2000:yahoo的好難..我網站的tab-view是用dhtmlgoodies去改的
→ chrisQQ:恩 感謝~