- 浏览: 198052 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
qiankai86:
s
多个文件上传的功能 -
zhjxzhj:
经测试不能用
PDF破解软件 -
meadlai:
很不错...哈哈...
PDF破解软件 -
talin2010:
刚学了,复习一下。。
Mysql+tomcat连接池自己的例子 -
yshuaiwen:
上面的方法都不怎么好,太麻烦,而且都需要改tomcat的xml ...
Mysql+tomcat连接池的配置实例
select.html
可以上下移 左右移 的按钮的功能
可以上下移 左右移 的按钮的功能
<!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>Select 排序,移动等</title> <style> .ecv_autoSizeDropDown { font-family : "Arial", "Helvetica", "sans-serif"; font-size : 12px; font-style : normal; color : #201B74; background-color: #FFFFFF; width:expression((this.offsetWidth>150)?'auto':'150'); } </style> </head> <body > <div style="font-size:10pt;"> 注1:左右移动进行选取 <br/> 注2:已解决的问题 <br/> ----能进行多行排序<br/> ----解决排序时滚动条归零的问题<br/> <br/> <br/> 注:本页面仅在IE6/FireFox1.5下测试过。其它浏览器或其它版本未经测试。<br/> 原作者:JK:<a href="mailTo:jk_10000@yahoo.com.cn?subject=About%20MoveRightOrLeft">JK_10000@yahoo.com.cn</a><br/> <hr/> </div> <form name=frm> <table> <tr > <td> <select name=SrcSelect size=6 class="ecv_autoSizeDropDown" style="height:160px;" multiple ondblclick="moveLeftOrRight(document.frm.SrcSelect,document.frm.ObjSelect)"> <option value="1">test1</option> <option value="2">test2</option> <option value="3">test3</option> <option value="4">test4</option> <option value="5">test5</option> <option value="6">test6</option> <option value="7">test7</option> <option value="8">test8</option> <option value="9">test9 abcde abcde abcde abcde abcde abcde abcde abcde </option> </select> </td> <td width="30px"> <input align="left" type=button value=">>" onclick="moveLeftOrRightAll(document.frm.SrcSelect,document.frm.ObjSelect)" ><br><br> <input align="left" type=button value=">" onclick="moveLeftOrRight(document.frm.SrcSelect,document.frm.ObjSelect)" ><br><br> <input align="left" type=button value="<" onclick="moveLeftOrRight(document.frm.ObjSelect,document.frm.SrcSelect)" ><br><br> <input align="left" type=button value="<<" onclick="moveLeftOrRightAll(document.frm.ObjSelect,document.frm.SrcSelect)" > </td> <td> <select name=ObjSelect size=6 class="ecv_autoSizeDropDown" style="height:160px;" multiple ondblclick="moveLeftOrRight(document.frm.ObjSelect,document.frm.SrcSelect)"> <option value="11">test11</option> <option value="12">test12</option> <option value="13">test13</option> <option value="14">test14</option> <option value="15">test15</option> <option value="16">test16</option> </select> </td> <td width="30px"> <input type=button value="AA" onclick="moveToTop(document.frm.ObjSelect)" > <br><br> <input type=button value="A" onclick="moveUp(document.frm.ObjSelect)" > <br><br> <input type=button value="V" onclick="moveDown(document.frm.ObjSelect)" ><br><br> <input type=button value="VV" onclick="moveToBottom(document.frm.ObjSelect)" > </td> </tr> </table> </form> <script language=javascript> function moveLeftOrRight(fromObj,toObj) { var fromObjOptions=fromObj.options; for(var i=0;i<fromObjOptions.length;i++){ if(fromObjOptions[i].selected){ toObj.appendChild(fromObjOptions[i]); i--; } } resetAutoWidth(fromObj); resetAutoWidth(toObj); } function moveLeftOrRightAll(fromObj,toObj) { var fromObjOptions=fromObj.options; if(fromObjOptions.length>1000) { //if(!confirm("Are you sure to move options?")) return false; } for(var i=0;i<fromObjOptions.length;i++){ fromObjOptions[0].selected=true; toObj.appendChild(fromObjOptions[i]); i--; } resetAutoWidth(fromObj); resetAutoWidth(toObj); } function moveUp(selectObj) { var theObjOptions=selectObj.options; for(var i=1;i<theObjOptions.length;i++) { if( theObjOptions[i].selected && !theObjOptions[i-1].selected ) { swapOptionProperties(theObjOptions[i],theObjOptions[i-1]); } } } function moveDown(selectObj) { var theObjOptions=selectObj.options; for(var i=theObjOptions.length-2;i>-1;i--) { if( theObjOptions[i].selected && !theObjOptions[i+1].selected ) { swapOptionProperties(theObjOptions[i],theObjOptions[i+1]); } } } function moveToTop(selectObj){ var theObjOptions=selectObj.options; var oOption=null; for(var i=0;i<theObjOptions.length;i++) { if( theObjOptions[i].selected && oOption) { selectObj.insertBefore(theObjOptions[i],oOption); } else if(!oOption && !theObjOptions[i].selected) { oOption=theObjOptions[i]; } } } function moveToBottom(selectObj){ var theObjOptions=selectObj.options; var oOption=null; for(var i=theObjOptions.length-1;i>-1;i--) { if( theObjOptions[i].selected ) { if(oOption) { oOption=selectObj.insertBefore(theObjOptions[i],oOption); } else oOption=selectObj.appendChild(theObjOptions[i]); } } } function selectAllOption(selectObj){ var theObjOptions=selectObj.options; for(var i=0;i<theObjOptions.length;i++){ theObjOptions[0].selected=true; } } /* private function */ function swapOptionProperties(option1,option2){ //option1.swapNode(option2); var tempStr=option1.value; option1.value=option2.value; option2.value=tempStr; tempStr=option1.text; option1.text=option2.text; option2.text=tempStr; tempStr=option1.selected; option1.selected=option2.selected; option2.selected=tempStr; } function resetAutoWidth(obj){ var tempWidth=obj.style.getExpression("width"); if(tempWidth!=null) { obj.style.width="auto"; obj.style.setExpression("width",tempWidth); obj.style.width=null; } } </script> </body> </html>
发表评论
-
JavaSript DOM总结笔记.rar
2008-09-22 00:09 1394由于时间原因,不能粘贴出代码。 所以请各位自行下载附件。希望可 ... -
按照自己的要求打开新窗口
2008-09-17 12:25 838window.open ("details_clie ... -
Javascript的document对象
2008-09-07 09:48 1389Javascript的document对象 ... -
6.2 实现两个select的同步
2008-09-05 10:00 19196.2 实现两个select的同步 【实例描述】 当选中第 ... -
给下拉列表框数据分组
2008-09-05 09:42 10836.7 给下拉列表框数据分组 【实例描述】 如果下拉列表框 ... -
22.3 评星效果
2008-09-05 09:30 85622.3 评星效果 【实例描述】 评星效果在很多网站起到调 ... -
6.13如何整合多个搜索引擎为自己所用
2008-09-05 09:11 1918如何整合多个搜索引擎为自己所用 【实例描述】 搜索是获取网络 ... -
上下移 脚本代码 参考版
2008-09-05 06:37 1014上下移 脚本代码 参考版 有 N多种方法 请各位酌情 挑选 应 ... -
javascript 上下移 按钮 第三版本
2008-09-05 06:31 1362menu.js文件 function selChang ... -
这个例子是上移下移按钮功能(改进版)
2008-09-04 13:55 2298888.html 这个例子可以直接使用。需要注意的是里面的s ... -
JavaScript 提交和跳转的例子
2008-09-02 10:47 1144这个方法是用来跳转action最后到页面的。 funct ... -
文本框中只能输入数字的脚本例子2
2008-08-22 11:28 1451<%@ page language="ja ... -
JavaScript 中的DOM
2008-08-20 10:01 850DOM 定义了JavaScript 可以进行操作的文档的各个功 ... -
通过文档事件处理程序引入JavaScript 脚本代码实例
2008-08-20 09:45 880通过文档事件处理程序引入JavaScript 脚本代码实例 ... -
添加号码的例子
2008-08-20 09:33 904添加号码。 在输入号码之前跳出对话框提示。 输入的号码一定为3 ... -
JavaScript教程
2008-08-19 16:10 649非常感谢作者 -
如何调试javascript
2008-08-19 14:46 709http://www.iteye.com/topic/9478 ... -
JavaScript学习(1)
2008-08-19 14:34 1082a.jsp <%@ page language=&q ... -
输入验证的例子
2008-08-17 13:44 915Reg3.jsp <%@ page language ... -
常用的脚本验证方法
2008-08-17 10:45 1391/*=========================== ...
相关推荐
Android例子源码支持上下左右滑动的双表头表格
FFLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子LEX 平移,缩放例子
重写onTouchEvent事件,实现上下左右滑动的小例子。
易语言上下移超级列表项源码.zip易语言项目例子源码下载易语言上下移超级列表项源码.zip易语言项目例子源码下载 1.合个人学习技术做项目参考 2.适合学生做毕业设计参考 3.适合小团队开发项目参考
vs c#用按钮实现选项卡功能的例子,VS2010 按钮 面板选项卡 窗体
我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没...
一个基于纯js实现的左右(或上下)DubalListBox控件操作程序例子代码。
本项目是一个仿多看阅读的左右平移翻页效果小例子,在翻页时页面右边缘绘制了阴影,效果还不错。
主要包括各种按钮的实现有利于出学校和掌握比较好的小例子
用MFC写的一个自绘位图按钮, 按钮有三种状态,NORMAL、HOVER、PUSH ButtonLZ.h封装了CButton这个类
java按钮使用的简单例子
两个图片切换特效:左右切换上下滚动.zipIOS应用例子源码下载两个图片切换特效:左右切换上下滚动.zipIOS应用例子源码下载 1.适合学生学习研究参考 2.适合个人学习研究参考 3.适合公司开发项目技术参考
按钮启动关闭例子
不用sumbit去实现多个按钮的的功能. 一个FROM多个按钮的例子
\计算器图形按钮例子.rar \计算器图形按钮例子.rar \计算器图形按钮例子.rar \计算器图形按钮例子.rar \计算器图形按钮例子.rar \计算器图形按钮例子.rar
wince下实现透明按钮的一个简单例子,觉得还有用。
JList 上下左右拖动,例子说明.上下左右拖动
按钮圆角例子
布尔按钮做条件结构的条件变量...例子如下:在前面板放置3个布尔控件,分别设为按钮1 、按钮2、退出,同时放置两个显示控件,分别对于按钮1和按钮2事件,当按下按钮1或按钮2时,显示控件1和显示按钮2分别显示相应的值。
单纯css3做的各种炫丽按钮,特效按钮,会呼吸的按钮,颜色渐变, 直接通过css3绘制出特殊效果,使用css的动画技术实现的简单例子