table問題~~~(100分)

我在a.html內設置了1個table 內有5條連結分別如下:<table id="categories" border="2" cellspacing="3" cellpadding="4">
<tr>
       <th colspan="5" >Categories</th>
</tr>
<tr>
       <td><a onmouseover="popup(1)" href="catalogue_1.htm?id=1" onmouseout="DivImg.style.visibility='hidden'">Bedroom</a></td>
       <td><a onmouseover="popup(2)" href="catalogue_1.htm?id=2" onmouseout="DivImg.style.visibility='hidden'">Dinning Room</a></td>
       <td><a onmouseover="popup(3)" href="catalogue_1.htm?id=3" onmouseout="DivImg.style.visibility='hidden'">Entertainment</a></td>
       <td><a onmouseover="popup(4)" href="catalogue_1.htm?id=4" onmouseout="DivImg.style.visibility='hidden'">Office</a></td>
       <td><a onmouseover="popup(5)" href="catalogue_1.htm?id=5" onmouseout="DivImg.style.visibility='hidden'">Storage</a></td>
</tr>
</table>然後在catalogue_1.htm有5個table 內有不同的圖(以下是其中一個)
   <table id="t3" width ="50%" border="2" cellspacing="3" cellpadding="4">
    <tr>
      <th colspan="10">Entertainment</th>
    </tr>
    <tr>
      <td>Image</td>
      <td>Item name</td>
      <td>Cost</td>
    </tr>
    <tr>
      <td><a href="details_1.shtml" onclick="changeID('tv_stand')"><img src="images/items/tv_stand_th.jpg" alt="TV/Video Stand" /></a></td>
      <td>TV/Video Stand</td>
      <td>$25</td>
    </tr>
    <tr>
      <td><a href="details_1.shtml" onclick="changeID('entertain_unit')"><img src="images/items/entertain_unit_th.jpg" alt="entertainment unit" /></a></td>
      <td>Entertainment Unit</td>
      <td>$200</td>
    </tr>
    <tr>
      <td><a href="details_1.shtml" onclick="changeID('large_entertain_unit')"><img src="images/items/large_entertain_unit_th.jpg" alt="large entertainment unit" /></a></td>
      <td>Large Entertainment Unit</td>
      <td>$300</td>
    </tr>
    <tr>
      <td><a href="details_1.shtml" onclick="changeID('lowline_entertain_unit')"><img src="images/items/lowline_entertain_unit_th.jpg" alt="lowline entertainment unit" /></a></td>
      <td>Lowline Entertainment Unit with Towers</td>
      <td>$600</td>
    </tr>
  </table>我想在a.htm按第3幅圖時(<td><a onmouseover="popup(3)" href="catalogue_1.htm?id=3")
它就會自己載入catalogue_1.htm
然後自動把所顯示的table滑落至table id="t3"這裡而不需要用scroll bar拉上拉下的...
我想用get method的但不知要怎樣修改如果各位大大看不明我的意思..請說一下
我再改改..

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

如果是不同的文件，你可以使用 ajax，如果是纯静态文件，一可以是iframe直接访问另外页面的信息
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title></head><body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed">
  <tr>
    <td background="images/main_40.gif" style="width:3px;"> </td>
    <td width="177" id="frmTitle" style="border-right:solid 1px #9ad452;">
    <iframe name="I2" height="570px" width="177" border="0" frameborder="0" src="left.html">
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe></td>
    <td style="width:18px;background:#F2F9E8;" valign="middle">
    <div onClick="switchSysBar()">
<span id="switchPoint" title="关闭/打开左栏"><img src="images/right.gif" alt="" /></span>
</div></td>
    <td><iframe name="main" src="main.html" height="100%" width="100%" border="0" frameborder="0">
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe></td>
    <td background="images/main_42.gif" style="width:3px;"> </td>
  </tr>
</table>
</body>
</html>
left.thml里面写
<a href="a.html" target="main">在中间出现</a>
<a href="b.html" target="main">在中间出现</a>
<a href="c.html" target="main">在中间出现</a>
<a href="d.html" target="main">在中间出现</a>
就可以了
用个锚链接就行了catalogue_1.htm?id=3#table3<a name="table3"> </a>
<table id="t3">...</tabele>
這兩個是不同的文件來的
但用get method能做得來嗎?
2个不同的文件也可以用, 在链接后面加上链接名称#linkname在另一个文件定义<a name="linkname">...</a>
http://www.baidu.com/search/jiqiao.html  百度与站长栏你看下百度, 就是这样用的.
可以参考下这个,在访问的时候用?id=2 ,会显示表格2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var s = window.location.search;
var id = s.match(/\d+/);
var tb = document.getElementById("t"+id);
tb.style.display = "block";
};
</script>
</head><body>
<table id="t1" style="display:none">
<tr><td>表格1</td></tr>
</table>
<table id="t2" style="display:none">
<tr><td>表格2</td></tr>
</table>
<table id="t3" style="display:none">
<tr><td>表格3</td></tr>
</table>
</body>
</html>
[catalogue_1.htm]list:
<body>
  <table id="t1" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 1</td></tr></table>
  <table id="t2" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 2</td></tr></table>   <table id="t3" width ="50%" border="2" cellspacing="3" cellpadding="4">
    <tr>
      <th colspan="10">Entertainment </th>
    </tr>
    <tr>
      <td>Image </td>
      <td>Item name </td>
      <td>Cost </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('tv_stand')"> <img src="images/items/tv_stand_th.jpg" alt="TV/Video Stand" /> </a> </td>
      <td>TV/Video Stand </td>
      <td>$25 </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('entertain_unit')"> <img src="images/items/entertain_unit_th.jpg" alt="entertainment unit" /> </a> </td>
      <td>Entertainment Unit </td>
      <td>$200 </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('large_entertain_unit')"> <img src="images/items/large_entertain_unit_th.jpg" alt="large entertainment unit" /> </a> </td>
      <td>Large Entertainment Unit </td>
      <td>$300 </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('lowline_entertain_unit')"> <img src="images/items/lowline_entertain_unit_th.jpg" alt="lowline entertainment unit" /> </a> </td>
      <td>Lowline Entertainment Unit with Towers </td>
      <td>$600 </td>
    </tr>
  </table>   <table id="t4" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 4</td></tr></table>
  <table id="t5" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 5</td></tr></table>
<script language="javascript">

</script>
</body>
bingo~
做到我想要的效果
但是 var id = s.match(/\d+/);<---這句不太明
能否解釋一下嗎^^?
<script language="javascript">

</script>
這個方法也不錯
但是好像有點問題...
("t"+u)<---u是哪個數值?
還有..
var u=window.location.search.split("=")[1]//1,2,3,4,5<---[1]是甚麼@@?
点击：
<a onmouseover="popup(1)" href="catalogue_1.htm?id=1" onmouseout="DivImg.style.visibility='hidden'">Bedroom </a>
u=1点击：
<a onmouseover="popup(1)" href="catalogue_1.htm?id=2" onmouseout="DivImg.style.visibility='hidden'">Bedroom </a>
u=2.....var u=window.location.search.split("=")[1]获取id=的值^_^<body>
  <table id="t1" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 1</td></tr></table>
  <table id="t2" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 2</td></tr></table>   <table id="t3" width ="50%" border="2" cellspacing="3" cellpadding="4">
    <tr>
      <th colspan="10">Entertainment </th>
    </tr>
    <tr>
      <td>Image </td>
      <td>Item name </td>
      <td>Cost </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('tv_stand')"> <img src="images/items/tv_stand_th.jpg" alt="TV/Video Stand" /> </a> </td>
      <td>TV/Video Stand </td>
      <td>$25 </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('entertain_unit')"> <img src="images/items/entertain_unit_th.jpg" alt="entertainment unit" /> </a> </td>
      <td>Entertainment Unit </td>
      <td>$200 </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('large_entertain_unit')"> <img src="images/items/large_entertain_unit_th.jpg" alt="large entertainment unit" /> </a> </td>
      <td>Large Entertainment Unit </td>
      <td>$300 </td>
    </tr>
    <tr>
      <td> <a href="details_1.shtml" onclick="changeID('lowline_entertain_unit')"> <img src="images/items/lowline_entertain_unit_th.jpg" alt="lowline entertainment unit" /> </a> </td>
      <td>Lowline Entertainment Unit with Towers </td>
      <td>$600 </td>
    </tr>
  </table>   <table id="t4" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 4</td></tr></table>
  <table id="t5" width ="50%" border="2" cellspacing="3" cellpadding="4"><td>Image 5</td></tr></table>
<script language="javascript">

</script>
</body>
var s = window.location.href // s等于?后面的内容
var id = s.match(/\d+/); // match 用正则查找s中的数字
上面说错了,
var s = window.location.search
<script language="javascript">

</script>看得出只是把u的table顯示出來其他都隱藏了
但現在...我運行的時候卻全部顯示出來@@...
其實如果是用"get" method或者是querystring會比較好^^
各位大大請盡量教教^^
get和catalogue_1.htm(纯静态)不对应
querystring获取表单提交页面传递的参数
你的首页是:
<a onmouseover="popup(1)" href="catalogue_1.htm?id=1" onmouseout="DivImg.style.visibility='hidden'">
不是表单<form>
querystring没有作用
我這個本來是table來的..但可以加上<form>吧...@@
所以說..應該要怎樣修改才可以?
因為.aspx也是我要學習的其中一環
麻煩您幫我一下..
.asp(x)需要配置环境（本机作为服务器）才能运行的