即興的靈感

          思維是一種藝術; 藝術需要靈感。

          博客好友

          最新評論

          JavaScript搜索網頁表格


          ??? 表格在網頁中應用十分廣泛,一個表格的使用涉及到多種操作技術,各種靈活的操作可以形成一個功能強大的表格,而這些操作大都是基于javascript來完成的,下面就是使用javascript來實現對一個表格的所在列進行搜索,分別完成模糊搜索和絕對搜索功能。
          ??? 以下為模糊搜索并將搜索到的內容所在的行跳到當前面前中.

          ?1?<script> ??
          ?2???function
          ?? sousuo(table,vstr){??
          ?3???var???t=false
          ;??
          ?4???var???maxrow=
          table.rows.length;??
          ?5???var???maxcol=table.rows[0
          ].cells.length;??
          ?6???var
          ???tdcon;?
          ?7?
          ???
          ?8???for(i=0;i<maxrow;i++
          ){??
          ?9?
          ? for(j=0;j<maxcol;j++)
          ???? {
          10???tdcon???=???table.rows[i].cells[j
          ];??
          11???if(tdcon.innerHTML.indexOf(vstr)>=0){?

          13? ??table.rows[i].scrollIntoView();?
          14???t=true
          ;??
          15?
          ??}??
          16
          ? }
          17?
          ??}??
          18???if
          (t){
          19?
          ??}??
          20???else???alert("沒找到:“"???+???vstr ? +???"”,請重新輸入!"
          );??
          21?
          ??}??
          22?</script>?

          ??? 以下為對一個表格中第一列中的數據進行絕對搜索,同樣把所對應的內容所在行跳至當前頁面。
          ?1?<script> ??
          ?2???function
          ???she(table,vstr){??
          ?3???var???t=false
          ;??
          ?4???var???maxrow=
          table.rows.length;??
          ?5???var???maxcol=table.rows[0
          ].cells.length;??
          ?6???var
          ???tdcon;?
          ?7?
          ???
          ?8???for(i=0;i<maxrow;i++
          ){??
          ?9?
          ????
          10???tdcon???=???table.rows[i].cells[0
          ];??
          11???if(tdcon.innerHTML==vstr){?

          13? ??table.rows[i].scrollIntoView();?
          14???t=true
          ;??
          15?
          ??}??
          16?
          ?
          17?
          ??}??
          18???if
          (t){
          19?
          ??}??
          20???else???alert("沒找到:“"???+???vstr ? +???"”,請重新輸入!"
          );??
          21?
          ??}??
          22?</script>?


          ?
          鳳凰涅槃/浴火重生/馬不停蹄/只爭朝夕
          ???? 隱姓埋名/低調華麗/簡單生活/完美人生

          posted on 2007-12-01 00:51 poetguo 閱讀(2621) 評論(4)  編輯  收藏 所屬分類: JavaScript

          評論

          # re: js搜索網頁表格 2007-12-01 11:46 BeanSoft

          我覺得再加個顏色高亮是不是更好一些啊.  回復  更多評論   

          # re: JavaScript搜索網頁表格 2008-11-26 13:56 提醒

          var maxcol=table.rows[0 ].cells.length;
          如果第一行的列數不是最多怎么辦?這樣寫有非常明顯的問題  回復  更多評論   

          # re: JavaScript搜索網頁表格 2008-11-26 17:29 即興詩人

          具體問題具體解決 嘎嘎。。。  回復  更多評論   

          # re: JavaScript搜索網頁表格 2008-11-26 17:29 即興詩人

          謝謝提醒哈  回復  更多評論   

          主站蜘蛛池模板: 绥德县| 杭锦旗| 揭西县| 双辽市| 历史| 曲麻莱县| 阳谷县| 泽普县| 铁岭市| 普兰县| 客服| 安义县| 通州市| 兰西县| 吉安县| 徐汇区| 扎赉特旗| 华宁县| 余干县| 台安县| 财经| 万山特区| 三亚市| 彭泽县| 岐山县| 广宁县| 翁牛特旗| 保定市| 株洲市| 瑞金市| 米易县| 门头沟区| 恩施市| 庆阳市| 武平县| 辰溪县| 霍城县| 育儿| 延庆县| 宁晋县| 玛纳斯县|