表格的移动

最新推荐文章于 2025-08-13 21:05:35 发布
转载 最新推荐文章于 2025-08-13 21:05:35 发布 · 718 阅读 · 0
文章标签：

#button #border #table #javascript #server #div

 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<!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 runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table width="100%" border="1"> 
  <tr> 
    <td width="10%"><table width="100%" height="100%" border="1"> 
      <tr> 
        <td><input type="button" name="Submit3" value="最上" onClick="moveFirst()"></td> 
      </tr> 
      <tr> 
        <td><input type="button" name="Submit" value="向上" onClick="moveUp()"></td> 
      </tr> 
      <tr> 
        <td><input type="button" name="Submit2" value="向下" onClick="moveDown()"></td> 
      </tr> 
      <tr> 
        <td><input type="button" name="Submit4" value="最下" onClick="moveEnd()"></td> 
      </tr> 
    </table></td> 
    <td><table width="100%" border="1" id="DynaTable"> 
      <tr> 
        <td><input type="radio" name="radio1" value="1" onClick="radioChecked(this)"></td> 
        <td>第一个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="2" onClick="radioChecked(this)"></td> 
        <td>第二个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="3" onClick="radioChecked(this)"></td> 
        <td>第三个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="4" onClick="radioChecked(this)"></td> 
        <td>第四个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="5" onClick="radioChecked(this)"></td> 
        <td>第五个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="6" onClick="radioChecked(this)"></td> 
        <td>第六个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="7" onClick="radioChecked(this)"></td> 
        <td>第七个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="8" onClick="radioChecked(this)"></td> 
        <td>第八个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="9" onClick="radioChecked(this)"></td> 
        <td>第九个</td> 
      </tr> 
      <tr> 
        <td><input type="radio" name="radio1" value="10" onClick="radioChecked(this)"></td> 
        <td>第十个</td> 
      </tr> 
    </table></td> 
  </tr> 
</table> 
<script language="javascript"> 
<!-- 
var moveRow=false; 
var moveRadio=false; 
function radioChecked(obj){ 
 moveRadio=obj; 
 moveRow=obj.parentNode.parentNode; 
} 
function moveUp(){ 
 if(moveRow){  
  var prevRow=moveRow.previousSibling; 
  if(prevRow){ 
  document.all["DynaTable"].childNodes[0].insertBefore(moveRow,prevRow); 
  moveRadio.checked=true; 
  } 
 } 
} 
function moveDown(){ 
 if(moveRow){  
 var nexRow=moveRow.nextSibling; 
 if(nexRow){ 
  var nnextRow=nexRow.nextSibling;   
  if(nnextRow){ 
   document.all["DynaTable"].childNodes[0].insertBefore(moveRow,nnextRow); 
  }else{ 
   document.all["DynaTable"].childNodes[0].appendChild(moveRow); 
  } 
  moveRadio.checked=true; 
 } 
 } 
} 
function moveEnd(){ 
 if(moveRow){ 
  document.all["DynaTable"].childNodes[0].appendChild(moveRow); 
  moveRadio.checked=true; 
 } 
} 
function moveFirst(){ 
 if(moveRow){ 
  document.all["DynaTable"].childNodes[0].insertBefore(moveRow,document.all["DynaTable"].childNodes[0].firstChild); 
  moveRadio.checked=true; 
 } 
} 
//--> 
</script> 
    </div>
    </form>
</body>
</html>
miniui实现表格中行的上下移动
lxsxdx的博客
06-13 3399
前台页面： mini.parse(); var grid = mini.get("grid1"); grid.load(); grid.hideColumn("sort"); grid.hideColumn("a00"); function search() { var key = do
很弱的js表格换行效果（表格移动行）
10-27
在介绍js表格换行效果（表格移动行）的知识点之前，首先需要理解的是DOM（Document Object Model，文档对象模型）的概念。DOM是一种与平台和语言无关的应用程序编程接口（API），它允许程序和脚本动态地访问和更新...
excel表格移动行或列
知道的越多，不知道的越多
07-31 1369
excel表格移动行或列。
excel按向上下等方向键 整个表格移动
m0_72695572的博客
12-07 1475
excel方向键无法在单元格切换； 键盘上找不到Scroll lock键 的解决方法
js表格移动到指定行
长空
07-31 1410
function freshView(){ // 当前显示有数据时 if(GlobalDataLength&gt;0){ // 这里为了防止并发采用副本形式进行数据查找 var dataList = GlobalData.concat(); //刷新显示位置到当前时间最近的一条数据 ...
excel表格移动一整行或者移动一整列
weixin_45891757的博客
07-09 1353
excel表格移动一整行或者移动一整列
怎样让dw的html表格移动,妙用dw图层与表格进行网页布局-网页设计,Dreamweaver
weixin_39936086的博客
06-18 1727
使用图层可以像素为单位精确定位页面元素，并且可以将层放置在页面的任意位置。当把页面元素放入图层之中时，还可以控制哪个显示在前面、哪个显示在后面、哪个显示、哪个隐藏，可见，层的优点是很明显的。但是目前浏览器只有4.0以上的高版本才支持层，考虑到兼容性和修改时的方便，一般可在编辑网页时采用层布局或者部分页面采用层布局，而在发布网页时再将其转换为表格布局。下面以dreamweaver 4.0为例介绍图层...
php如何让表格往左边移动,html怎么把表格移到左边
weixin_42297605的博客
03-23 1612
1. HTML在div里怎样让表格往右移动一点想要达到在div里让表格往右移动一点，可以调整盒子的左边距大小，来达到向右移动的效果。margin-left 属性设置元素的左外边距。padding-left 属性设置元素左内边距。这两种都是可以实现的，表格向右移动，具体使用看DIV而定。如下，使用margin-left的代码为：FMFMFMFMFMFMFMFMFMFMFMFMFMFMFMFMF...
Word表格如何单独移动列线
记录我目之所及的世界
12-02 1539
Word表格如何单独移动列线
Html表格实现行上下移动
weixin_41233219的博客
03-17 2591
基本表格结构如下 <table border="1"> <thead> <tr> <th></th> <th>操作</th> <th>项目阶段</th> </tr> </thead> <tbody id="items"> <tr> <
实例QT程序 —— QTableWidget 表格移动带控件的单元格列
Redboy_Crazy的专栏
04-06 2561
目录 1.简介 2.效果图 3.重点讲解 4.源码 1.简介 本文主要介绍了如何在QTableWidget表格中移动带控件的单元格列，重点内容包含 带控件单元格的移动； 标题栏的同步更新； 点击单元格内控件同时更新表格的选中单元格信息。 本文还有动态效果图、重点讲解和源码，读者们可以方便查看学习和交流。 回目录 2.效果图 列1移动（列信息、标题栏信息不变不丢失）运行...
表格移动渐变的CSS特效
05-03
"表格移动渐变的CSS特效"是一种巧妙地利用CSS和JavaScript技术来实现的交互式元素，它使得数据展示更加生动有趣。这种特效通常用于数据列表或者表格，使得用户在浏览时能感受到平滑的过渡和变换，增强视觉吸引力。 ...
MovingNavigationBar:使用 UIScrollView 或 iOS 表格移动 UINavigationBar
07-05
移动导航栏 用法 要运行示例项目， pod install克隆 repo，然后从 Example 目录运行pod install 。 要求 安装 移动导航栏可通过。 要安装它，只需将以下行添加到您的 Podfile 中： pod "MovingNavigationBar" 作者...
electron进程间通信- 从渲染进程到主进程
最新发布
唐璜Taro的博客
08-13 562
本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。
MoonBit Perals Vol.05: 函数式里的依赖注入：Reader Monad
m0_74743788的博客
08-13 527
普通的函数就像一个流水线，你丢进去一袋面粉，然后直接跑到生产线末端，等着方便面出来。但这条流水线需要自动处理中间的所有复杂情况：没放面粉/“没有下单，期待发货”（null）面团含水量不够把压面机干卡了（抛出异常）配料机需要读取今天的生产配方，比如是红烧牛肉味还是香菇炖鸡味（读取外部配置）流水线末端的打包机需要记录今天打包了多少包（更新计数器）Monad 就是专门管理这条复杂流水线的“总控制系统”。它把你的数据和处理流程的上下文一起打包，确保整个流程能顺畅、安全地进行下去。
基于SpringBoot校园管理系统
2501_90968670的博客
08-13 749
校园管理系统是一个基于Spring Boot + Vue.js的全栈应用，专注于高校内部的多角色协作管理。系统实现了院校管理、单位管理、用户管理、通知推送、投票管理等功能模块，满足管理员、院校管理员、普通用户三类角色的不同操作需求。核心目标是提升校园管理效率，实现通知精准推送与数据可视化统计。
前端工程化：pinia
西岭千秋雪的博客
08-11 625
本文介绍了Pinia作为Vue.js官方推荐的状态管理库，用以解决组件间数据共享和状态同步问题。文章首先说明状态管理的必要性，随后详细讲解Pinia的初始化配置，包括安装、挂载和Store创建（包含state、getter、action）。最后通过示例展示如何在组件中使用Store，实现数据获取和渲染。Pinia能有效简化复杂应用的状态管理，提升开发效率。
Vue3学习之创建vue3项目文件
2301_76989410的博客
08-09 566
Vue3是一个更高效、轻量级的渐进式JavaScript框架，专注于构建用户界面。本文介绍了Vue3项目创建流程：首先安装Node.js并验证环境；然后通过PyCharm创建项目文件夹，使用npm命令初始化Vue项目并选择配置（建议选择TypeScript）；最后清理默认文件结构，开始自定义开发。文中还详细说明了如何删除默认组件代码，为个性化开发做好准备。
CSS实现动感表格移动渐变特效
资源摘要信息:"表格移动渐变的CSS特效" 表格移动渐变的CSS特效是一种在网页设计中常见的视觉效果，通过CSS（层叠样式表）和JavaScript实现，能够在网页中创建动态和视觉上吸引人的元素。这种特效通常用于增强用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值