即興的靈感

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

          博客好友

          最新評論

          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 即興詩人

          謝謝提醒哈  回復  更多評論   

          主站蜘蛛池模板: 西城区| 大安市| 汾西县| 吴堡县| 阿瓦提县| 夏邑县| 太谷县| 巴东县| 龙泉市| 云浮市| 荔浦县| 和田县| 塔城市| 黔西| 泾川县| 青河县| 毕节市| 寿光市| 太谷县| 巩留县| 定结县| 邵阳市| 荣成市| 山阴县| 六枝特区| 玉山县| 山阳县| 嘉善县| 德昌县| 宝清县| 松滋市| 黔南| 高淳县| 福鼎市| 新野县| 广汉市| 高陵县| 青海省| 酒泉市| 石屏县| 于田县|