hanbaohong
- 浏览: 388737 次
- 性别:
- 来自: 广州
-
文章分类
最新评论
-
July01：
最近了解到一款StratoIO打印控件，功能如下：1、Html ...
只打印网页上JS指定的区域 -
qjw9004：
收下以后有空再看，朋友最好是将所有文件打包上传，好上我这些初 ...
在ASP中将从数据库中获取的数据写入已设计好的EXCEL模板中 -
fiction：
不错呀,总结得很好.......
代表广大学习人民,谢谢您 ...
PHP常用代码大全 -
shuxiang：
弃暗投明，呵呵~~
2010年开始研究PHP
<TABLE width="500" border="1" cellpadding="5" cellspacing="0" onClick="setPos(this)" onKeyUp="sum(this)" id="t">
<TR>
<TD><div contentEditable>项目部门</div></TD>
<TD><div contentEditable>部门1</div></TD>
<TD><div contentEditable>部门2</div></TD>
<TD><div contentEditable>部门3</div></TD>
<TD><div contentEditable>统计</div></TD>
</TR>
<TR>
<TD><div contentEditable>货物1</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div>0</div></TD>
</TR>
<TR>
<TD><div contentEditable>货物2</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div>0</div></TD>
</TR>
<TR>
<TD><div contentEditable>货物3</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div>0</div></TD>
</TR>
<TR>
<TD><div contentEditable>货物4</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div>0</div></TD>
</TR>
<TR>
<TD><div contentEditable>货物5</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div contentEditable>0</div></TD>
<TD><div>0</div></TD>
</TR>
<TR>
<TD><div contentEditable>总计</div></TD>
<TD><div>0</div></TD>
<TD><div>0</div></TD>
<TD><div>0</div></TD>
<TD><div>0</div></TD>
</TR>
</TABLE>
<input type="button" value="加一行" onClick="insertRow(document.all.t)">
<input type="button" value="加一列" onClick="insertCell(document.all.t)">
<input type="button" value="删除行" onClick="deleteRow(document.all.t)">
<input type="button" value="删除列" onClick="deleteCell(document.all.t)">
<input type="button" value="正序排列" onClick="ascRow(document.all.t)">
<input type="button" value="反序排列" onClick="descRow(document.all.t)">
<br>
<input type="button" value="横向正序排列" onClick="ascCell(document.all.t)">
<input type="button" value="横向反序排列" onClick="descCell(document.all.t)">
<input type="button" value="全部数据统计" onClick="getSum(document.all.t,'total')">
<input type="text" value="0" name="total" style="width:50">
<SCRIPT LANGUAGE="JavaScript">
var currRow="0";
var currCell="0";
function getSum(obj,objName){
var sum=0;
for(var i=1;i<obj.rows.length-1;i++){
for(var j=1;j<obj.rows[i].cells.length;j++){sum+=parseInt(obj.rows[i].cells[j].innerText);}
}
document.getElementsByName(objName)[0].value=sum;
}
//正序排列
function ascCell(obj){
if(currCell>=1&&currRow>=1){
var len=obj.rows[0].cells.length;
for(var j=0;j<len;j++){
var order=0;
for(var i=1;i<len-2;i++){
if(parseInt(obj.rows[currRow].cells[i].innerText)>parseInt(obj.rows[currRow].cells[i+1].innerText)){
for(var k=0;k<obj.rows.length;k++){
var tmp=obj.rows[k].cells[i].innerHTML;
obj.rows[k].cells[i].innerHTML=obj.rows[k].cells[i+1].innerHTML;
obj.rows[k].cells[i+1].innerHTML=tmp;
}
order++;
}
}
len--;
if(order==0){break;}
}
}
clear();
}
//反序排列
function descCell(obj){
if(currCell>=1&&currRow>=1){
var len=obj.rows[0].cells.length;
for(var j=0;j<len;j++){
var order=0;
for(var i=1;i<len-2;i++){
if(parseInt(obj.rows[currRow].cells[i].innerText)<parseInt(obj.rows[currRow].cells[i+1].innerText)){
for(var k=0;k<obj.rows.length;k++){
var tmp=obj.rows[k].cells[i].innerHTML;
obj.rows[k].cells[i].innerHTML=obj.rows[k].cells[i+1].innerHTML;
obj.rows[k].cells[i+1].innerHTML=tmp;
}
order++;
}
}
len--;
if(order==0){break;}
}
}
clear();
}
//正序排行
function ascRow(obj){
if(currCell>=1){
var rows=obj.rows;
var len=rows.length-2;
for(var j=0;j<=rows.length-2;j++){
var order=0;
for(var i=1;i<len;i++){
if(parseInt(rows[i].cells[currCell].innerText)>parseInt(rows[i+1].cells[currCell].innerText)){
obj.moveRow(i,i+1);
order++;
}
}
len--;
if(order==0){break;}
}
}
clear();
}
//反序排行
function descRow(obj){
if(currCell>=1){
var rows=obj.rows;
var len=rows.length-2;
for(var j=0;j<rows.length-2;j++){
var order=0;
for(var i=1;i<len;i++){
if(parseInt(rows[i].cells[currCell].innerText)<parseInt(rows[i+1].cells[currCell].innerText)){
obj.moveRow(i,i+1);
order++;
}
}
len--;
if(order==0){break;}
}
}
clear();
}
//删除行
function deleteRow(obj){
var rows=obj.rows.length;
if(currRow>=1&&currRow<rows-1){obj.deleteRow(currRow);}
clear();
averCol(obj);
}
//删除列
function deleteCell(obj){
if(currCell>=1&&currCell<obj.rows[0].cells.length-1){
for(var i=0;i<obj.rows.length;i++){obj.rows[i].deleteCell(currCell);}
}
clear();
averCol(obj);
}
function averCol(obj){
var wh=obj.width;
var cells=obj.rows[0].cells;
for(var i=0;i<cells.length;i++){
cells[i].width=Math.ceil(wh/cells.length);
}
}
function insertRow(obj){
if(currRow>=0&&currRow<obj.rows.length-1){
var maxCell=obj.rows[0].cells.length;
obj.insertRow(currRow+1);
for(var i=0;i<maxCell;i++){
obj.rows[currRow+1].insertCell(i);
obj.rows[currRow+1].cells[i].innerHTML="<div contentEditable>0</div>";
}
clear();
averCol(obj);
chnBgcolor(obj,currRow,"ffffff");
}
}
function insertCell(obj){
if(currCell&&currCell!=obj.rows[0].cells.length-1){
for(var i=0;i<obj.rows.length;i++){
obj.rows[i].insertCell(currCell+1);
obj.rows[i].cells[currCell+1].innerHTML="<div contentEditable>0</div>";
}
clear();
averCol(obj);
chnBgcolor(obj,currRow,"ffffff");
}
}
function check(obj){
var k=parseInt(obj.innerText);
if(isNaN(k)){
obj.childNodes[0].innerText=0;
return 0;
}else{
obj.childNodes[0].innerText=k;
return k;
}
}
function sum(obj){
var o=event.srcElement;
var total=0;
var tindex=obj.rows.length-1;
if(o.parentElement.tagName=="TD"&&o.parentElement.cellIndex>=1&&o.parentElement.parentElement.rowIndex>=1){
var index=o.parentElement.cellIndex;
var pindex=o.parentElement.parentElement.rowIndex;
for(var i=1;i<tindex;i++){
var num=check(obj.rows[i].cells[index]);
total=parseInt(total)+num;
}
var total1=0;
for(i=1;i<obj.rows[pindex].cells.length-1;i++){total1+=check(obj.rows[pindex].cells[i]); }
obj.rows[pindex].cells(obj.rows[pindex].cells.length-1).innerText=total1;
obj.rows[tindex].cells[index].innerText=total;
obj.rows[tindex].cells(obj.rows[0].cells.length-1).innerText=addAll(obj);
}
setPos(obj);
}
function chnBgcolor(obj,index,color){
for(var i=0;i<obj.rows.length;i++){
if(i==index){
obj.rows[i].bgColor=color;
}else{
obj.rows[i].bgColor="ffffff";
}
}
}
function setPos(obj){
var o=event.srcElement;
if(o.tagName=="DIV"){
currRow=o.parentElement.parentElement.rowIndex;
currCell=o.parentElement.cellIndex;
chnBgcolor(obj,currRow,"dedede");
}else if(o.tagName=="TD"){
currRow=o.parentElement.rowIndex;
currCell=o.cellIndex;
}else{
currRow=obj.rows.length-1;
currCeil=obj.rows[0].cells.length-1;
}
}
function clear(){
currRow=0;
currCell=0;
}
function addAll(obj){
var total=0;
for(var i=1;i<obj.rows[0].cells.length-1;i++){total+=parseInt(obj.rows[obj.rows.length-1].cells[i].innerText);}
return total;
}
</SCRIPT>
分享到：
发表评论
-
fetch的应用
2022-11-13 22:38 162fetch(url).then(res => res. ... -
ECharts数据可视化项目-echarts 图表制作-pink老师
2022-04-16 22:09 981ECharts数据可视化项目-大屏数据可视化展示-echa ... -
网页加载后动态修改表格中某一列的数据
2013-12-17 21:13 1145function miao2shifen(){ var ... -
不打印页面的页眉页脚
2012-09-21 15:57 1315<script> var HKEY_Root, ... -
只打印网页上JS指定的区域
2012-09-21 09:51 7188<html> <head> < ... -
url转义字符原理
2012-09-15 19:15 1191如果表单的action为list.jsf?act=go& ... -
我自己编写的AJAX请求函数
2012-09-12 00:07 1084//根据URL获取文件名,可作为每页的唯一标识 wind ... -
常用JS代码收集
2012-08-18 10:25 892http://www.cnblogs.com/zyh-nhy/ ... -
Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）
2012-08-18 10:13 1210http://www.cnblogs.com/zyh-nhy/ ... -
window2003下windows media player在firefox播放的插件
2012-02-18 11:44 1075在window2003中装的Firefox浏览器在调用wind ... -
通过脚本限制网页上的音视频文件只能播放前几分钟
2012-01-30 18:34 3314伤不起 王麟<br /> <object ... -
输入框中只能输入英文或数字
2010-06-25 16:51 1108<input onkeyup="value=v ... -
用JAVASCRIPT取得当前URL中的文件名
2010-03-03 21:13 1362function urlFileName(){ var s ... -
兼容IE和Firefox的XMLHttpRequest代码
2010-03-03 20:31 1908var xmlhttp=null; function cre ... -
解决中文输入法event.keyCode的返回值总是229的问题
2009-07-20 17:04 7732我在给一个客户做一个网页版的打字聊天项目时，要时时检测按键的键 ... -
做个在网页上实现像QQ一样当有新任务时声音提醒
2009-07-10 00:04 3860在做一个项目时，客户要求网页上具有声音提醒功能。就是让网页每2 ...
相关推荐
js操作表格 实例 js操作表格 实例 js操作表格 实例
JavaScript操作表格JavaScript操作表格JavaScript操作表格
js操作表格，带初始化的 增加，删除很齐全的哦。。
javascript操作表格
JS操作表格的代码，动态生成表格和操作表格，里面写的很详细，很完整。
js简单表格操作，对表格进行增删改，效果可看博客： https://blog.csdn.net/qq_37902949/article/details/81056551
js 操作表格动态添加和删除行
NULL 博文链接：https://zyz.iteye.com/blog/1743610
表格操作常用方法! 值得下载看看!资源免费,大家分享!!
javascript动态操作表格 1.添加表格 2.删除表格 3.选种表格 4.支持IE6.0和Firefox浏览器
关于javascript 的表格操作的一些函数集合
主要用到了元素的克隆，如何在各浏览器中兼容，并且在IE中如何统计动态操作后的行列数
使用JS调用动态链接库操作WORD并绘制表格
JavaScript范例宝典 javascript工作中实例参考的很有帮助哦，留给自己以后工作中备用；另外因为整个文件很大(超过了csdn的限制15M)，本人不得已按功能拆分上传。上传耗了我快一个小时，希望大家支持
1 展示了一个动态操作表格的例子 2 有简单的CSS布局 3 主要供自己查阅参考
javascirpt动态添加表格，添加行，添加列。编辑表格，一共八个列子。
原生JavaScript，对数据表格进行操作，使用DOM实现数据的动态操作，包括增加、删除、查询、修改。
javascript 表格操作
JavaScript动态操作表格，添加，删除行、列及单元格