请看看编码是否规范,使用是否方便HTML: 代码 代码如下:<table id="customTableView"> <thead> <tr> <td>编号</td> <td>姓名</td> </tr> </thead> <tbody><!--template-tbody--> <tr name="" style=" display:none"><!--template-tr--> <td bind="0"><span class="red">{value}</span></td> <td bind="1"><strong>{value}</strong></td> </tr> </tbody> </table> <hr /> <table id="productTableView"> <thead> <tr> <td>编号</td...
当时也就从jquery的官方网站上抄了几句搞上去,后来发现用处不大,还挺慢。汗~~~以至于到今天早上也没搞清楚怎么样才能把排序后的结果保存起来,正好现在公司要做一个这样的功能,就又从新学习了下。首先,在jquery的官方demo(http://jqueryui.com/demos/)上找到了相似的代码。我所要的叫就是portlets(http://jqueryui.com/demos/sortable/portlets.html)这种效果。就像igoogle首页那样的。冒似很简单,把要引用的js都加入后,...
首先简单的介绍关于属性的一些方法: 属性的枚举: for/in循环是遍历对象属性的方法。如 代码如下:var obj = { name : obj1, age : 20, height : 176cm } var str = ; for(var name in obj) { str += name + : + obj[name] + \n; } alert(str); 输出为:name:obj1 age:20 height:176cm 检查属性是否存在: in运算符可以用来测试一个属性是否存在。 代码如下:this.containsKey = function ( key ) { return (key in entry)...
//这是要操作的表格: 这是第一行 这是第二行 这是第三行 这是第四行 //这是操作表格的代码 var rowNo= -1; var tableId = 'tb'; var inputId = 'show'; var selectedColor = "#FF0000" function document.onkeydown() { //事件的标识代码 if (event.keyCode == 38) { for(var k=0;k [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面的代码主要是学习控制表格里面的一些操作,代码都是直接写在表格里面的, 大家可以改成事件绑定的。Js获取 table当前行的值 var selectedTr=null; function c1(obj){ obj.style.backgroundColor='blue'; //把点到的那一行变希望的颜色; if(selectedTr!=null) selectedTr.style.removeAttribute("backgroundColor"); if(selectedTr==obj) selectedTr=null;//加上此句,以控制点击变白,再点击反灰 else selectedTr=obj; }...
从cnblogs看到的代码,作者的代码随便不兼容firefox但,有助于大家学习为什么下面的代码兼容了firefox,大家可以对比下,有助于学习,对于更多的文章可以参考脚本之家以前发布的文章。function mouseover(){ var ObjTd=window.event.srcElement; var ObjTr=ObjTd.parentElement; var y=ObjTr.rowIndex; var x=ObjTd.cellIndex; alert(x+" "+y); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]下面...
做法: 修改Input的outerHTML; 具体例子: 代码如下:function resetInput() { var controls = document.getElementsByTagName(input); for(var i=0; i<controls.length; i++){ if(controls[i].type==text) { if(controls[i].value =="") { controls[i].outerHTML=" "; } else { controls[i].outerHTML=controls[i].value; } } } } 这样就可以将Input修改,然后导出到Excel中。(一次循环不能全部修改,根据情况,自己做些修改...
DOM动态删除TABLE多行 function $(objId){ return document.getElementById(objId); } function del_tbl(tblN,ckN){ var ck = document.getElementsByName(ckN); var tab = $(tblN); var rowIndex; for(var i=0;i 2 3 第一行 1 第二行 2 第三行 3 第四行 4 第五行 5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
222222 脚本之家 www.gxlcms.com 百度 www.baidu.com 服务器软件 s.jb51.net //使用数组取得表格值 function getRowText() { var arr = new Array(); var count = 0; for(var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 定义和用法 rows 集合返回表格中所有行(TableRow 对象)的一个数组,即一个 HTMLCollection。 该集合包括 <thead>、<tfoot> 和 <tbody> 中定义的所有行。 语法 tableObject.rows[]实例 下...
代码: 仿一个网友的代码写的,不记得出自哪里了,改成可以支持中文排序,而且支持控件value的排序。 没办法,能力有限,只能。。。 代码如下://转换器,将列的字段类型转换为可以排序的类型:String,int,float function convert(sValue, sDataType) { switch(sDataType) { case "int": return parseInt(sValue); case "float": return parseFloat(sValue); case "date": return new Date(Date.parse(sValue)); default: return sV...
代码如下:<!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> 模仿JQuery sortable效果 </title> <style type="text/css"> ul { width :200px; list-style-type:none; margin:0px; padding:0px; } li { height: 1...
js操作table之 移动TR位置 兼容FF 跟 IE var mousePos; function Up_Move(obj){ try{ if(document.all){ document.getElementById('show_input').style.top = mousePos.y document.getElementById('show_input').style.left = mousePos.x }else{ document.getElementById('show_input').style.top = mousePos.y+"px"; document.getElementById('show_input').style.left = mousePos.x+"px"; } }catch(e){} show_input_...
代码如下:var arr = new Array(); arr[item1] = the value of item 1 ; arr[item2] = the value of item 2 ; alert(arr[item1]); alert(arr[item2]); 但上述功能,不符我们的实际要求,另外查询遍历也不方便,我们需要在Array的基础上进行扩展, 下面我们可以用js中的数组来实现类似的hashtable的功能, 代码如下:function Hashtable(){ this.clear = hashtable_clear; this.containsKey = hashtable_containsKey; this.containsV...
javascript操作table的特性 hello Cell 1,1 Cell 2,1 Cell 1,2 Cell 2,2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]可以直接点击页面的任何部分即可看到效果。
代码如下:/// <reference path="Lib.js" /> /// <reference path="DabaBinder.js" /> //引入DataBinder.js include("DataBinder.js"); /* <table border="1"> <thead><tr> <th></th> </tr></thead> <tbody><tr> <td></td> </tr></tbody> </table> */ function Table(){ this.elmTable=null; //表格标签 this.templetRow=null; //模板行 this.displayBody=null; //显示区tbody标签 this.isOverChange=false; //鼠标移过时,是否改变...