整列交换

最新推荐文章于 2019-12-11 21:32:40 发布
最新推荐文章于 2019-12-11 21:32:40 发布
阅读量1.3k 收藏
点赞数
分类专栏： Javascript 文章标签： function javascript delphi null generator 语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/brave1/article/details/394004
版权

<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<SCRIPT LANGUAGE="JavaScript">
<!--
var Main_Tab = null;//定义全局变量Main_Tab，使之指向固定表“ExTable”。以后可以使用表对象。
var dragColStart = 0;//初始化拖拽起始表列与结束表列
var dragColEnd = 0;

function ini()
{
Main_Tab = ExTable;  //指向固定表
}
function Changeit(table,sor,tag)    //交换表中的两列，需要遍历每一行，然后交换每一个元素。因为没有表列对象。
{//sor tag 为列的索引
for (var i=0;i<table.rows.length;i++)
table.rows[i].cells[sor].swapNode(table.rows[i].cells[tag]);
}
function movespan(obj)//obj为触发拖动事件的源“td”对象
{
 var nx=event.x,ny=event.y;//当鼠标在表头中点下时的事件的坐标
 setspan();
 function setspan()
        //动态的显示一个拖动中的表“td”对象
 {
  domospan.style.display="";
  domospan.innerText=obj.innerText;//Caption为被拖动对象的Caption
                //offsetWidth是表头文字的宽度，offsetHeight是表头文字的高度
  domospan.style.left=nx-domospan.offsetWidth/2;
  domospan.style.top=ny-domospan.offsetHeight/2;
                //domospan.style.left，top是被移动的文字的左坐标和顶坐标
 }
 function Main_Tab.onmousemove()
        //定义一个只在触发拖动事件后方才运行的OnMouseMove事件
 {//当拖动文字时定文字框的位置offsetWidth、offsetHeigh始终是文字的宽度，t这是一个定植
        domospan.style.left=event.x-domospan.offsetWidth/2;
        domospan.style.top=event.y-domospan.offsetHeight/2;
       }
 function get_Element(the_ele,the_tag)//利用此函数，可以避免出现错误。当拖动目标移到表外是，将忽略错误。
 {//the_ele是元素对象，the_tag是标签名
        the_tag = the_tag.toLowerCase();
        //开始触发
        if(the_ele.tagName.toLowerCase()==the_tag)return the_ele;
        //释放鼠标后
        while(the_ele=the_ele.offsetParent)
        //the_ele.offsetParent是定义the_ele的left top坐标的容器对象的引用，是td
        {
        if(the_ele.tagName.toLowerCase()==the_tag)return the_ele;
        }
        return(null);
 }
 function Main_Tab.onmouseup()
 {
  var the_start = get_Element(obj,"td");
  if (the_start!=null)
  {
              dragColStart= the_start.cellIndex;//td.cellIndex
               //cellIndex ---the position of the object in the cells collection of a row
  } else
  {
   return(null);
  }
  domospan.style.display="none";
                //elementFromPoint的坐标是客户坐标，pixel,一般是从相应evenet 后得到的元素对象
  var the_end = get_Element(document.elementFromPoint(event.x,event.y),"td");
  if (the_end != null )
  {
   dragColEnd = the_end.cellIndex;
  } else
  {
   return(null);
  }
  Changeit(Main_Tab,dragColStart,dragColEnd);
  //Changeit(Main_Tab,1,2);

 }
}
//-->
</SCRIPT>
</head>
<body οnlοad=ini()>
整列移动试验
<table border=1 id="ExTable">
<tr>
<td οnmοusedοwn="movespan(this)" id="td1">语言名称</td>
<td οnmοusedοwn="movespan(this)" id="td2">掌握程度</td>
<td οnmοusedοwn="movespan(this)" id="td3">版本号</td>
<td id="domospan" class="ab" style="position:absolute;background:#f00000;filter:alpha(opacity=50);display:none"></td>
</tr>
<tr>
<td>Delphi</td>
<td>熟练</td>
<td>6.0</td>
</tr>
<tr>
<td>VC</td>
<td>熟练</td>
<td>6.0</td>
</tr>
<tr>
 <td>VB</td>
 <td>了解</td>
 <td>6.0</td>
</tr>
<tr>
 <td>C#</td>
 <td>了解</td>
 <td>DotnetFramWork</td>
</tr>
<tr>
 <td>PB</td>
 <td>不懂</td>
 <td>7.0</td>
</tr>
<tr>
 <td>ASP</td>
 <td>了解</td>
 <td>无</td>
</tr>
<tr>
 <td>JavaScript</td>
 <td>了解</td>
 <td>无</td>
</tr>
<tr>
 <td>QT</td>
 <td>了解</td>
 <td>无</td>
</tr>
<tr>
 <td>Kylix</td>
 <td>了解</td>
 <td>3.0</td>
</tr>
<tr>
 <td>SQL</td>
 <td>了解</td>
 <td>7.0</td>
</tr>
</table>

</body>
</html>

掌握程度版本号语言名称
熟练6.0Delphi
熟练6.0VC
了解6.0VB
了解DotnetFramWorkC#
不懂7.0PB
了解无ASP
了解无JavaScript
了解无QT
了解3.0Kylix
了解7.0SQL

版本号掌握程度语言名称
6.0熟练Delphi
6.0熟练VC
6.0了解VB
DotnetFramWork了解C#
7.0不懂PB
无了解ASP
无了解JavaScript
无了解QT
3.0了解Kylix
7.0了解SQL

brave1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Table 中2个列（TD）的交换
Oo缘来是你oO
02-18 1975
Table 中2个列（TD）的交换 马嘉楠 2009-2-18 共同学习，欢迎转载。转载请注明地址【http://blog.csdn.net/majianan/archive/2009/02/18/3905922.aspx】，谢谢O(∩_∩)O！ /****************************************** * 没有版权 任意修改 改好了请发给我一
行列互换
m0_56892884的博客
12-01 766
#include<stdio.h> int **transform(int **arry, int row_count, int col_count) { //列变行，行变列，则行的个数是以前列的个数，列的个数是以前行的个数 int **p = NULL; //矩阵中有多少行，取决于以前有多少列，然后申请地址空间 p = (int **)malloc(sizeof(int *) * col_count); for (int i = 0; i < col_count; i++) { //一行
二维数组按某列排序交换元素
SeekAndFindYou的博客
11-11 433
二维数组按某列排序需要交换各个列的元素；此时利用结构体数组比较方便，结构体数组可以直接交换，里面的各个成员就i能交换了。 #include "stdio.h" #include "stdlib.h" void main() { struct student { int age; float score; }; struct stu...
交换
Mystletainn的博客
12-11 483
3.1 Problem Statement 小 D 正在研究交换。 小 D 认为一个整数序列是好的，当且仅当它先（不严格）上升，后（不严格）下 降。形式化地，我们认为序列 a1, a2, · · · , an 是好的，当且仅当存在某个 k ∈ [1, n]，使 得对于任意 1 ≤ i < k，有 ai ≤ ai+1；且对于任意 k ≤ i < n，有 ai ≥ ai+1。 小 D 得到...
table的td整列拖动交换以及重新排列位置
06-02
本文将详细讲解如何实现“table的td整列拖动交换以及重新排列位置”的JavaScript技术，帮助你为用户提供更加直观、便捷的操作体验。 首先，我们需要了解HTML中的`<table>`元素，它由`<tr>`（行）和`<td>`（单元格）...
兼容主流浏览器的纯JS动态拖动表格实现行列内容交换
11-14
项目开发中需要用到一个拖动交换表格的功能，上网搜到雅虎的一个控件，结果简单的一个拖动交换行，就要引入七八个js library，太麻烦了。就自己综合网上资源写了一个可兼容IE，firefox，Chrome，Safari和Opera等主流...
电子政务-电子插件的整列装置.zip
09-17
4. **数据共享**：政府各部门之间通过数据交换平台实现信息共享，打破“信息孤岛”，提高决策科学性。 5. **公众参与**：通过网络平台，鼓励公众参与政策讨论和建议提交，促进公众与政府之间的互动。 6. **网络...
C#导出CSV格式的代码
04-03
CSV（Comma-Separated Values）是一种简单且易于理解的数据格式，常用于不同系统间的数据交换。下面将详细介绍如何使用C#实现CSV文件的导出。 #### 代码解析 首先，我们来看一下提供的代码片段，这是一个名为`...
jq控制表格列移动
05-29
jquery 前后移动表格整列function initTd(){ $("td").each(function(){ if($(this).index()==0){ $(this).find("a:first").addClass("hui"); }else if($(this).index()==3){ $(this).find("a:last")....
定义Tab键的顺序
vivid的技术专栏
06-14 3857
定义Tab键的顺序：（1）默认Tab顺序（2）清零Tab设置（3）自定义Tab顺序需要解决的问题：(1)初始时按照默认的Tab顺序来(2)自定义时，最后一个按Tab或者enter都能跳到下一行//试验一test24function keyPress(the){ key=window.event.keyCode; if (key==40 || key==13) {//enter ----13    
在页面上addrow,deleteRow
vivid的技术专栏
06-22 3745
function addRow(){     var thead = main_table.getElementsByTagName("Thead")[0];   var tbody=main_table.getElementsByTagName("tbody")[0];  var elm = thead.firstChild.cloneNode(true);  elm.style.display
concat方法完成javascript中数组的复制
vivid的技术专栏
06-16 3419
//初始化数据var array_1   = new Array();    //定义一个数组array_1[0]    = 123;array_1[1]    = new Array();array_1[1][0] = 456;array_1[1][1] = 789;array_1[2]    = "xxx";alert(array_1)                  //赋值完毕//赋值数
clone方法完成javascript中数组的复制
vivid的技术专栏
06-16 2199
function Array.prototype.clone(){ var tmp=new Array(); for(ob in this)tmp[ob]=this[ob]; return tmp;}var array_1 = new Array();array_1[2] = 1;array_1[3] = 2;var array_2 = array_1.clone();//, ,1,2al
怎样移动方向键时在单元格之间移动光标
vivid的技术专栏
06-09 1991
  1  2  3  4  5  6  1  2  3  4  5  6  1  2  3  4  5  6  1  2  3  4  5  6var hrong = null; //设置一个页面级全局变量function mm(){  var k = window.event.keyCode;  if(k==37 || k==38 || k==39 || k==40)  {    if(hron
提取表单中的所有数据
vivid的技术专栏
06-16 1627
（一）把提取出的内容串联起来var Main_Tab = null;var selArray="";function ini(){Main_Tab = ExTable;  //指向固定表var selArray="";for(var i=0;i{for(var j=0;j {   if(j==Main_Tab.rows[i].cells.length-1)   selArray+=Main_Tab
分组select
vivid的技术专栏
06-22 1574
锂 (Li)纳 (Na)钾 (K)氟 (F)氯 (Cl)溴 (Br)---------------------------------------------------                    请选择                        {        %>       ">            ArrayList tempNoList=(ArrayList)mode
python 两个excel整列交换
最新发布
05-30
2. 使用 pandas 的 `read_excel` 方法读取 Excel 文件，并将需要交换的两列数据分别赋值给新的变量； 3. 利用 pandas 的 `DataFrame` 数据结构中的列索引进行列交换； 4. 使用 pandas 的 `to_excel` 方法将处理后的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值