作者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