- 浏览: 810166 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (488)
- struts1 (4)
- spring (13)
- extjs (36)
- mysql (3)
- sqlserver (2)
- oracle (37)
- 杂谈 (11)
- 面试相关 (35)
- Java基础知识总结 (5)
- Java重要知识点 线程和io流知识点 (6)
- 服务器相关 (1)
- 生活 (1)
- jsp (7)
- servlet (2)
- junit (3)
- struts2 (9)
- 开发必备 (4)
- 使用开发工具总结的知识 (4)
- ibatis (12)
- ajax (2)
- dwr (2)
- jquery (1)
- 设计模式 (4)
- Lucene的学习 (5)
- 经验总结 (19)
- mysql全文搜索相关 (7)
- hibernate (33)
- Sphinx (1)
- log4j的总结 (1)
- 敏捷开发 (9)
- 持续集成 (15)
- UML使用总结 (1)
- Scrum (1)
- OO(面向对象编程) (1)
- struts1和struts2总结 (1)
- 数据库加密 (1)
- 多线程和Socket编程 (6)
- PowerDesigner (2)
- 权限相关 (1)
- ant应用总结 (4)
- 面试必知知识点总结 (6)
- io流与nio流总结 面试相关 (1)
- 敏捷管理工具的使用 (7)
- hsqldb相关 (1)
- svn源码相关 (2)
- debug调试技巧总结 (1)
- hibernate和ibatis对比相关 (6)
- eclipse mylyn 插件的使用总结 (2)
- fisheye使用总结 (2)
- java泛型总结 (1)
- ssh整合总结 (10)
- SpringSide的学习总结 (1)
- JPA学习总结 (2)
- RoR 总结 (2)
- 模型驱动 总结 (1)
- Oracle SQL优化技巧 (4)
- 数据库相关资料 (1)
- oracle练习相关 (4)
- PowerDesigner 使用总结 (2)
- Struts实现国际化相关 (2)
- 权限框架 Spring Security (1)
- freemarker使用总结 (1)
- jsp servlet总结相关 (3)
- Java NIO总结 (1)
- 自己学习必须 (3)
- 蝴蝶容器相关 (2)
- eclipse插件的使用 (1)
- myeclipse的使用 (1)
- flex相关 (1)
- javaeye重生后总结的知识点 (2)
- 公司学习总结 (3)
- JAXB 相关 (1)
- ECSide (1)
- EdoJs 企业ajax框架 (1)
- RSA加密算法 (1)
- jbpm相关 (1)
- JMF原理 (1)
- MyEclipse使用总结 (1)
- Funsion Charts 相关总结 (3)
- 常用知识2011 (2)
- Flex与Java整合 (1)
- IBM WebSphere相关 (1)
- jQuery使用技巧 (2)
- 2011年面试相关知识点总结 (2)
- sqlserver开发相关 (8)
- eclipse 打jar相关 (2)
- Oracle/Mysql/SqlServer比较 (1)
- WebService Axis1.4开发相关 (4)
- 进制数的转换 总结 (1)
- WebService Axis2.0开发相关 (0)
- iteye Struts2 Spring Hibernate整合相关 (3)
- iteye osgi资料相关总结 (1)
- iteye ifos相关相关 (1)
- iteye 国际化相关 (1)
- iteye Hibernate缓存机制 (4)
- iteye Struts2 总结 (1)
- iteye Struts标签总结 (0)
- iteye web配置文件大全 (6)
- iteye Efs 框架总结 (1)
- iteye sql优化 (2)
- iteye 大数据量高并发的数据库优化 (1)
- iteye 开发相关 (1)
- iteye s1sh 和 s2sh整合中的问题以及解决 (1)
- iteye s1sh整合实例 (1)
- iteye s2sh整合实例 (1)
- iteye 面试相关 基础篇 (1)
- iteye Android相关 (1)
- iteye 面试相关 Web篇 (1)
- iteye Sql Server相关 (0)
- iteye struts1与struts2比较 (1)
- iteye jquery 和Struts2 (0)
- iteye struts2与其他插件整合 (0)
- iteye jquery 开发相关 (1)
- iteye eclipse结合spket(Ext,Jquery)开发相关 (0)
- iteye myeclipse 使用技巧相关 (0)
- iteye Memcached 缓存系统相关 (0)
- iteye 常用软件相关 (0)
- iteye 最新技术预览 AjaxSwing (0)
- iteye struts上传下载相关 (0)
- iteye 新技术相关 (0)
- test (0)
- iteye 开发Java游戏相关 (0)
- iteye Java反编译 (0)
- iteye XML解析相关 (0)
- iteye 压缩ZIP相关 (0)
- iteye 面试相关 (0)
- iteye Android开发相关 (4)
- csdn (0)
- e-inoc (0)
- iteye http错误码对应说明 (0)
- iteye 面试扩展知识点 (0)
- iteye oracle面试相关 存储过程,触发器,游标等 (0)
- iteye english study (0)
- iteye starflow工作流引擎 (0)
- iteye IBM WebSphere Application Server Toolkit使用相关 (0)
- iteye spring3 (0)
- iteye mybatis (0)
- iteye js技巧总结 (0)
- iteye SEO优化相关 (2)
- iteye QUI网页界面集成框架 (1)
- iteye AjaxAnywhere (1)
- iteye Nutz相关 (1)
- iteye ibatis技巧 (0)
- iteye dwz (0)
- 128个ajax/javascript框架 (0)
- iteye 2012 Java Swing教程 (1)
- iteye 码头集装箱相关 (1)
- iteye swing (2)
- 兼职工作 (0)
- 2012 新总结的面试相关知识点 常用知识点 (1)
- 淘宝网店相关 (0)
- oracle 常用函数 2012新总结 (1)
- 我的时尚潮流屋 (0)
- 2012 年 面试新总结知识 (1)
- 技巧 (1)
- 2013总结 (1)
- 2015工作相关 (3)
- springmvc (5)
- EasyPR-Java (1)
- java (2)
- editplus 4.0 注册码 (1)
- android (1)
- oracle连接数据库相关 (1)
- 编程资料总结 (2)
- 20160808 (1)
- visio 2013 (1)
最新评论
-
drew926:
泛型的类型参数可以有多个?这是java哪个版本支持的?
java泛型总结 -
listenan:
赞!非常感谢。
Scrum总结 -
cwscwj:
写的很深刻,谢谢,看了一遍,过段时间打算再看一遍。
Scrum总结 -
hwedwin:
w
Struts 2中的OGNL\EL的使用总结 -
lanni2460:
不错 很好 支持……
sqlserver三个驱动包下载
<!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>综合使用的例子</title>
<style type="text/css">
<!--
.STYLE1 {
color: #FF0000
}
-->
</style>
<style type="text/css">
.tab {
border-collapse: collapse;
width: 650px;
border: 1px solid #4d9ab0
}
.tab td {
border: 1px solid #4d9ab0
}
</style>
<script language="javascript"><!--
function changColor(tab,odd,even,mouse,click){
var tr = document.getElementById(tab).getElementsByTagName("tr");
for ( var i = 0; i < tr.length; i++) {
tr[i].style.backgroudColor=(tr[i].sectionRowIndex%2==0) ? odd : even;
tr[i].onclick=function(){
if (this.x!="1") {
this.x="1";
this.style.backgroudColor=click;
} else {
this.x="0";
this.style.backgroudColor=(this.sectionRowIndex%2==0) ? odd : even;
}
}
tr[i].onmouseover=function(){
if(this.x!="1"){
this.style.backgroundColor=mouse;
}
}
tr[i].onmouseout=function(){
if(this.x!="1"){
this.style.backgroundColor=(this.sectionRowIndex%2==0) ? odd : even;
}
}
}
}
--></script>
<script>
var j = 0;
function display(but) {
var div = document.getElementById("adiv");
if (div.style.display == 'none') {
div.style.display = 'block';
but.value="隐藏";
} else {
div.style.display = 'none';
but.value="添加";
}
}
function initImg() {
var img = document.getElementById("imgs");
img.src = document.getElementById("file").value;
}
function showDate() {
var date = new Date();
var da = date.toLocaleString();
var d = document.getElementById("date").value = da;
}
function autoChangeTime() {
window.setInterval(showDate, 1000);
}
var yearObj = null;
var monthObj = null;
var dateObj = null;
function showYear() {
yearObj = document.getElementById("year");
monthObj = document.getElementById("month");
dateObj = document.getElementById("dates");
var date = new Date();
var curYear = date.getYear();
var curMonth = date.getMonth()+1;
var curDate = date.getDate();
if (yearObj == null || monthObj == null || dateObj == null) {
alert("Can't find object!");
return false;
}
yearObj.attachEvent("onchange", changeYear);
monthObj.attachEvent("onchange", changeMonth);
initDates(yearObj, 1968, 2020);
initDates(monthObj, 1, 12);
initDates(dateObj, 1, dependDays(curYear, curMonth));
yearObj.value = curYear;
monthObj.value = curMonth;
dateObj.value = curDate;
}
function dependDays(year, mon) {
var date = new Date(year, mon, 0);
return date.getDate();
}
function initDates(obj, min, max) {
for ( var i = min; i <= max; i++)
optionAdd(obj, i);
}
function optionAdd(obj, value) {
var newOption = document.createElement("option");
obj.add(newOption);
newOption.value = value;
newOption.text = value;
}
function changeYear() {
var dateValue = dateObj.value;
dateObj.innerHTML = "";
initDates(dateObj, 1, dependDays(parseInt(yearObj.value),
parseInt(monthObj.value)));
dateObj.value = dateValue;
if (dateObj.selectedIndex == -1){
dateObj.selectedIndex = 0;
}
}
function changeMonth() {
dateObj.innerHTML = "";
initDates(dateObj, 1, dependDays(parseInt(yearObj.value),
parseInt(monthObj.value)));
}
function changeSelect(source, target, cmd) {
var hobby1 = document.getElementById(source);
var hobby2 = document.getElementById(target);
var s1 = hobby1.options, s2 = hobby2.options;
for ( var i = s1.length - 1; i >= 0; i--) {
if (cmd && !hobby2.contains(s1[i])) {
hobby2.appendChild(s1[i]);
} else if (!cmd && s1[i].selected) {
hobby2.appendChild(s1[i]);
}
}
}
function xiaoyan() {
changeText();
}
function changeText() {
var a = document.getElementById("xiaoyan");
var sum = '';
for ( var i = 0; i < 5; i++) {
var num = parseInt(Math.random() * 10);
sum += num;
}
a.value = sum;
}
function goes() {
changeText();
}
function getFromValue() {
var table1 = document.getElementById("tbodys");
var name;
if (myform.file.value == '') {
alert("请选择要上传的形象照");
return false;
}
if (myform.name.value!='') {
name=myform.name.value;
}else {
alert("请输入用户名");
return false;
}
var arr = [];
var sex, hobby = '', tar = '';
var isSelect = true;
for ( var i = 0; i < myform.sex.length; i++) {
if (myform.sex[i].checked) {
sex = myform.sex[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择性别");
return false;
}
/*isSelect = true;
for ( var i = 0; i < myform.year.length; i++) {
if (myform.year[i].selected) {
year = myform.year[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择出生的年份");
return false;
}
isSelect = true;
for ( var i = 0; i < myform.month.length; i++) {
if (myform.month[i].selected) {
month = myform.month[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择出生的月份");
return false;
}
isSelect = true;
for ( var i = 0; i < myform.dates.length; i++) {
if (myform.dates[i].selected) {
date = myform.dates[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择出生的日期");
return false;
}*/
isSelect = true;
for ( var i = 0; i < myform.hobby.length; i++) {
if (myform.hobby[i].checked) {
hobby += myform.hobby[i].value + ',';
isSelect = false;
}
}
if (isSelect) {
alert("请选择爱好");
return false;
}
isSelect = true;
for ( var i = 0; i < myform.tar.length; i++) {
if (myform.tar.length > 0) {
tar += myform.tar.options[i].value + ',';
isSelect = false;
}
}
if (isSelect) {
alert("请选择特长");
return false;
}
if (myform.validate.value == "") {
alert("请输入验证码");
return false;
} else if (myform.xiaoyan.value != myform.validate.value) {
alert("验证码不正确");
changeText();
return false;
}
var year = myform.year.value;
var month = myform.month.value;
var date = myform.dates.value;
var age = getAge(year+'.'+month+'.'+date);
var birth = year + '年' + month + '月' + date + '日';
arr.push('<input type="checkbox" name="rowId">');
arr.push(name);
arr.push(sex);
arr.push(age);
arr.push(birth);
arr.push(hobby);
arr.push(tar);
arr.push(myform.date.value);
addRow(table1, arr);
changeText();
}
function getAge(strBirthday) {
var returnAge;
var strBirthdayArr = strBirthday.split(".");
var birthYear = strBirthdayArr[0];
var birthMonth = strBirthdayArr[1];
var birthDay = strBirthdayArr[2];
d = new Date();
var nowYear = d.getYear();
var nowMonth = d.getMonth() + 1;
var nowDay = d.getDate();
if (nowYear == birthYear) {
returnAge = 0;
} else {
var ageDiff = nowYear - birthYear;
if (ageDiff > 0) {
if (nowMonth == birthMonth) {
var dayDiff = nowDay - birthDay;
if (dayDiff < 0) {
returnAge = ageDiff - 1;
} else {
returnAge = ageDiff;
}
} else {
var monthDiff = nowMonth - birthMonth;
if (monthDiff < 0) {
returnAge = ageDiff - 1;
} else {
returnAge = ageDiff;
}
}
} else {
returnAge = -1;
}
}
return returnAge;
}
function addRow(tab, arr) {
if (tab == null) {
return;
}
var cell, row_index = -1;
row_index = tab.rows.length;
var newrow = tab.insertRow(row_index);
for ( var i = 0; i < arr.length; i++) {
cell = newrow.insertCell(i);
cell.innerHTML = arr[i];
}
}
function deleteRow() {
var tbody = document.getElementById("tbodys");
var rowArr = document.getElementsByName("rowId");
for ( var i = rowArr.length-1; i >= 0; i--) {
if (rowArr[i].checked) {
var test = rowArr[i].parentElement.parentElement.rowIndex-2;
tbody.deleteRow(test);
}
}
}
function selectAll(){
var selectAll = document.getElementsByName("selectAll");
var rowArr = document.getElementsByName("rowId");
if (selectAll[0].checked) {
for ( var i = 0; i < rowArr.length; i++) {
rowArr[i].checked=true;
}
}else {
for ( var i = 0; i < rowArr.length; i++) {
rowArr[i].checked=false;
}
}
}
var count = 0;
function sortCells(t) {
var tb = document.getElementById("tbodys");
var array = [];
for ( var i = 0,j = tb.rows.length; i < j; i++) {
array.push(tb.rows[i]);
}
var index = t.cellIndex;
if (tb.sortCol == index) {
array.reverse();
} else {
array.sort(compare(index,count));
}
var df = document.createDocumentFragment();
for ( var j = 0,k = array.length; j < k; j ++) {
df.appendChild(array[j]);
}
tb.appendChild(df);
tb.sortCol = index;
//count ++;
}
function compare(index,count){
return function(t1,t2){
//if (count%2==0) {
return t1.cells[index].innerText.localeCompare(t2.cells[index].innerText);
//}else{
// return t2.cells[index].innerText.localeCompare(t1.cells[index].innerText);
//}
}
}
function bindEvent() {
var e = myform.elements;
for(var i=0,j=e.length;i<j;i++){
if (e[i].value==name) {
checks(e[i]);
}else{
e[i].onkeypress=nextFocus;
}
}
}
function nextFocus(){
var e = myform.elements;
var k = window.event;
for(var i=0,j=e.length;i<j;i++){
if(e[i]==this && k.keyCode==13){
e[i+1].focus();
break;
}
}
}
function checks(obj){
var e = window.event;
if (myform.name.value=='') {
if(e.keyCode >= 48 && e.keyCode <= 57){
e.returnValue=false;
}else {
e.returnValue=true;
}
}
}
</script>
</head>
<body onload="autoChangeTime(),showYear(),xiaoyan(),bindEvent()"
id="test">
<form action="" name="myform" onsubmit="return false">
<div id="adiv" style="display: none">
<table width="476" border="1" align="center" cellpadding="1"
cellspacing="1">
<tr>
<td>用户形象照:</td>
<td colspan="3"><input id="file" type="file" size="24"
maxlength="24" value="123" /></td>
<td width="123" rowspan="5"><img id="imgs"
src="E:\diaoer\test.jpg" title="用户形象照" /> <input name="text"
type="button" size="24" maxlength="24" onclick="initImg()" value="上传" />
</td>
</tr>
<tr>
<td width="137">用户名:</td>
<td colspan="3"><input type="text" id="name"
onkeypress="checks(this)" /></td>
</tr>
<tr>
<td>性别</td>
<td colspan="3"><input type="radio" name="sex" value="男" /> 男 <input
type="radio" name="sex" value="女" /> 女</td>
</tr>
<tr>
<td>出生年月</td>
<td colspan="3"><select id="year">
</select>年 <select id="month">
</select>月 <select id="dates">
</select>日</td>
</tr>
<tr>
<td>爱好</td>
<td colspan="3"><input type="checkbox" name="hobby" value="篮球" />
篮球 <input type="checkbox" name="hobby" value="球" /> 球<br />
<input type="checkbox" name="hobby" value="看书 " /> 看书 <input
type="checkbox" name="hobby" value="玩电脑 " /> 玩电脑 <input
type="checkbox" name="hobby" value="跑步" /> 跑步</td>
</tr>
<tr>
<td height="125" rowspan="4">特长</td>
<td width="104" rowspan="4"><select multiple="multiple" id="sou"
size="6">
<option value="跑步">跑步</option>
<option value="电脑">电脑</option>
<option value="蓝球">蓝球</option>
<option value="足球">足球</option>
<option value="上网">上网</option>
<option value="游泳">游泳</option>
</select></td>
<td width="88"><input name="button" type="button" id="button"
value="->" onclick="changeSelect('sou','tar',0)" /></td>
<td colspan="2" rowspan="4"><select multiple="multiple" id="tar"
size="6">
</select></td>
</tr>
<tr>
<td><input name="button2" type="button" id="button2"
value="<-" onclick="changeSelect('tar','sou',0)" /></td>
</tr>
<tr>
<td><input name="button3" type="button" id="button3"
value="-->" onclick="changeSelect('sou','tar',1)" /></td>
</tr>
<tr>
<td><input name="button4" type="button" id="button4"
value="<--" onclick="changeSelect('tar','sou',1)" /></td>
</tr>
<tr>
<td>注册时间:</td>
<td colspan="4"><input type="text" id="date" size="60"
readonly="readonly" /></td>
</tr>
<tr>
<td>验证码:</td>
<td colspan="4"><input name="validate" type="text" size="5"
maxlength="5" /> <span class="STYLE1"><input type="text"
id="xiaoyan" size="5" class="STYLE1" readonly="readonly" /></span><input
name="go" type="button" value="看不清,换一张" onclick="goes()" /></td>
</tr>
<tr>
<td colspan="5">
<div align="center"><input name="button32" type="submit"
id="button32" value="提交" onclick="getFromValue()" /> <input
name="button33" type="reset" id="button33" value="重置" /></div>
</td>
</tr>
</table>
</div>
</form>
<table id="tab" class="tab" width="854" border="1" align="center"
cellpadding="1" cellspacing="1">
<thead id="thead">
<tr>
<td colspan="8"><span>用户名: <input type="text"
name="textfield3" /> <input name="button5" type="button"
id="button5" value="查询" /></span> <span> <input name="button5"
type="button" id="button5" value="添加" onclick="display(this);" /> <input
name="button6" type="button" id="button6" value="修改" /> <input
name="button7" type="button" id="button7" value="删除"
onclick="deleteRow()" /> </span></td>
</tr>
<tr>
<td width="33"><input type="checkbox" name="selectAll"
onclick="selectAll()" /></td>
<td width="170" style="cursor: pointer" onclick="sortCells(this)">用户名</td>
<td width="34" style="cursor: pointer" onclick="sortCells(this)">性别</td>
<td width="36" style="cursor: pointer" onclick="sortCells(this)">年龄</td>
<td width="89" style="cursor: pointer" onclick="sortCells(this)">出生日期</td>
<td width="136" style="cursor: pointer" onclick="sortCells(this)">爱好</td>
<td width="116" style="cursor: pointer" onclick="sortCells(this)">特长</td>
<td width="197" style="cursor: pointer" onclick="sortCells(this)">注册时间</td>
</tr>
</thead>
<tbody id="tbodys" />
</table>
<p> </p>
<script language="javascript"><!--
changColor("tab","#CCFF33","#CCCCCC","#ecfbd4","#FFCC00");
--></script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>综合使用的例子</title>
<style type="text/css">
<!--
.STYLE1 {
color: #FF0000
}
-->
</style>
<style type="text/css">
.tab {
border-collapse: collapse;
width: 650px;
border: 1px solid #4d9ab0
}
.tab td {
border: 1px solid #4d9ab0
}
</style>
<script language="javascript"><!--
function changColor(tab,odd,even,mouse,click){
var tr = document.getElementById(tab).getElementsByTagName("tr");
for ( var i = 0; i < tr.length; i++) {
tr[i].style.backgroudColor=(tr[i].sectionRowIndex%2==0) ? odd : even;
tr[i].onclick=function(){
if (this.x!="1") {
this.x="1";
this.style.backgroudColor=click;
} else {
this.x="0";
this.style.backgroudColor=(this.sectionRowIndex%2==0) ? odd : even;
}
}
tr[i].onmouseover=function(){
if(this.x!="1"){
this.style.backgroundColor=mouse;
}
}
tr[i].onmouseout=function(){
if(this.x!="1"){
this.style.backgroundColor=(this.sectionRowIndex%2==0) ? odd : even;
}
}
}
}
--></script>
<script>
var j = 0;
function display(but) {
var div = document.getElementById("adiv");
if (div.style.display == 'none') {
div.style.display = 'block';
but.value="隐藏";
} else {
div.style.display = 'none';
but.value="添加";
}
}
function initImg() {
var img = document.getElementById("imgs");
img.src = document.getElementById("file").value;
}
function showDate() {
var date = new Date();
var da = date.toLocaleString();
var d = document.getElementById("date").value = da;
}
function autoChangeTime() {
window.setInterval(showDate, 1000);
}
var yearObj = null;
var monthObj = null;
var dateObj = null;
function showYear() {
yearObj = document.getElementById("year");
monthObj = document.getElementById("month");
dateObj = document.getElementById("dates");
var date = new Date();
var curYear = date.getYear();
var curMonth = date.getMonth()+1;
var curDate = date.getDate();
if (yearObj == null || monthObj == null || dateObj == null) {
alert("Can't find object!");
return false;
}
yearObj.attachEvent("onchange", changeYear);
monthObj.attachEvent("onchange", changeMonth);
initDates(yearObj, 1968, 2020);
initDates(monthObj, 1, 12);
initDates(dateObj, 1, dependDays(curYear, curMonth));
yearObj.value = curYear;
monthObj.value = curMonth;
dateObj.value = curDate;
}
function dependDays(year, mon) {
var date = new Date(year, mon, 0);
return date.getDate();
}
function initDates(obj, min, max) {
for ( var i = min; i <= max; i++)
optionAdd(obj, i);
}
function optionAdd(obj, value) {
var newOption = document.createElement("option");
obj.add(newOption);
newOption.value = value;
newOption.text = value;
}
function changeYear() {
var dateValue = dateObj.value;
dateObj.innerHTML = "";
initDates(dateObj, 1, dependDays(parseInt(yearObj.value),
parseInt(monthObj.value)));
dateObj.value = dateValue;
if (dateObj.selectedIndex == -1){
dateObj.selectedIndex = 0;
}
}
function changeMonth() {
dateObj.innerHTML = "";
initDates(dateObj, 1, dependDays(parseInt(yearObj.value),
parseInt(monthObj.value)));
}
function changeSelect(source, target, cmd) {
var hobby1 = document.getElementById(source);
var hobby2 = document.getElementById(target);
var s1 = hobby1.options, s2 = hobby2.options;
for ( var i = s1.length - 1; i >= 0; i--) {
if (cmd && !hobby2.contains(s1[i])) {
hobby2.appendChild(s1[i]);
} else if (!cmd && s1[i].selected) {
hobby2.appendChild(s1[i]);
}
}
}
function xiaoyan() {
changeText();
}
function changeText() {
var a = document.getElementById("xiaoyan");
var sum = '';
for ( var i = 0; i < 5; i++) {
var num = parseInt(Math.random() * 10);
sum += num;
}
a.value = sum;
}
function goes() {
changeText();
}
function getFromValue() {
var table1 = document.getElementById("tbodys");
var name;
if (myform.file.value == '') {
alert("请选择要上传的形象照");
return false;
}
if (myform.name.value!='') {
name=myform.name.value;
}else {
alert("请输入用户名");
return false;
}
var arr = [];
var sex, hobby = '', tar = '';
var isSelect = true;
for ( var i = 0; i < myform.sex.length; i++) {
if (myform.sex[i].checked) {
sex = myform.sex[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择性别");
return false;
}
/*isSelect = true;
for ( var i = 0; i < myform.year.length; i++) {
if (myform.year[i].selected) {
year = myform.year[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择出生的年份");
return false;
}
isSelect = true;
for ( var i = 0; i < myform.month.length; i++) {
if (myform.month[i].selected) {
month = myform.month[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择出生的月份");
return false;
}
isSelect = true;
for ( var i = 0; i < myform.dates.length; i++) {
if (myform.dates[i].selected) {
date = myform.dates[i].value;
isSelect = false;
}
}
if (isSelect) {
alert("请选择出生的日期");
return false;
}*/
isSelect = true;
for ( var i = 0; i < myform.hobby.length; i++) {
if (myform.hobby[i].checked) {
hobby += myform.hobby[i].value + ',';
isSelect = false;
}
}
if (isSelect) {
alert("请选择爱好");
return false;
}
isSelect = true;
for ( var i = 0; i < myform.tar.length; i++) {
if (myform.tar.length > 0) {
tar += myform.tar.options[i].value + ',';
isSelect = false;
}
}
if (isSelect) {
alert("请选择特长");
return false;
}
if (myform.validate.value == "") {
alert("请输入验证码");
return false;
} else if (myform.xiaoyan.value != myform.validate.value) {
alert("验证码不正确");
changeText();
return false;
}
var year = myform.year.value;
var month = myform.month.value;
var date = myform.dates.value;
var age = getAge(year+'.'+month+'.'+date);
var birth = year + '年' + month + '月' + date + '日';
arr.push('<input type="checkbox" name="rowId">');
arr.push(name);
arr.push(sex);
arr.push(age);
arr.push(birth);
arr.push(hobby);
arr.push(tar);
arr.push(myform.date.value);
addRow(table1, arr);
changeText();
}
function getAge(strBirthday) {
var returnAge;
var strBirthdayArr = strBirthday.split(".");
var birthYear = strBirthdayArr[0];
var birthMonth = strBirthdayArr[1];
var birthDay = strBirthdayArr[2];
d = new Date();
var nowYear = d.getYear();
var nowMonth = d.getMonth() + 1;
var nowDay = d.getDate();
if (nowYear == birthYear) {
returnAge = 0;
} else {
var ageDiff = nowYear - birthYear;
if (ageDiff > 0) {
if (nowMonth == birthMonth) {
var dayDiff = nowDay - birthDay;
if (dayDiff < 0) {
returnAge = ageDiff - 1;
} else {
returnAge = ageDiff;
}
} else {
var monthDiff = nowMonth - birthMonth;
if (monthDiff < 0) {
returnAge = ageDiff - 1;
} else {
returnAge = ageDiff;
}
}
} else {
returnAge = -1;
}
}
return returnAge;
}
function addRow(tab, arr) {
if (tab == null) {
return;
}
var cell, row_index = -1;
row_index = tab.rows.length;
var newrow = tab.insertRow(row_index);
for ( var i = 0; i < arr.length; i++) {
cell = newrow.insertCell(i);
cell.innerHTML = arr[i];
}
}
function deleteRow() {
var tbody = document.getElementById("tbodys");
var rowArr = document.getElementsByName("rowId");
for ( var i = rowArr.length-1; i >= 0; i--) {
if (rowArr[i].checked) {
var test = rowArr[i].parentElement.parentElement.rowIndex-2;
tbody.deleteRow(test);
}
}
}
function selectAll(){
var selectAll = document.getElementsByName("selectAll");
var rowArr = document.getElementsByName("rowId");
if (selectAll[0].checked) {
for ( var i = 0; i < rowArr.length; i++) {
rowArr[i].checked=true;
}
}else {
for ( var i = 0; i < rowArr.length; i++) {
rowArr[i].checked=false;
}
}
}
var count = 0;
function sortCells(t) {
var tb = document.getElementById("tbodys");
var array = [];
for ( var i = 0,j = tb.rows.length; i < j; i++) {
array.push(tb.rows[i]);
}
var index = t.cellIndex;
if (tb.sortCol == index) {
array.reverse();
} else {
array.sort(compare(index,count));
}
var df = document.createDocumentFragment();
for ( var j = 0,k = array.length; j < k; j ++) {
df.appendChild(array[j]);
}
tb.appendChild(df);
tb.sortCol = index;
//count ++;
}
function compare(index,count){
return function(t1,t2){
//if (count%2==0) {
return t1.cells[index].innerText.localeCompare(t2.cells[index].innerText);
//}else{
// return t2.cells[index].innerText.localeCompare(t1.cells[index].innerText);
//}
}
}
function bindEvent() {
var e = myform.elements;
for(var i=0,j=e.length;i<j;i++){
if (e[i].value==name) {
checks(e[i]);
}else{
e[i].onkeypress=nextFocus;
}
}
}
function nextFocus(){
var e = myform.elements;
var k = window.event;
for(var i=0,j=e.length;i<j;i++){
if(e[i]==this && k.keyCode==13){
e[i+1].focus();
break;
}
}
}
function checks(obj){
var e = window.event;
if (myform.name.value=='') {
if(e.keyCode >= 48 && e.keyCode <= 57){
e.returnValue=false;
}else {
e.returnValue=true;
}
}
}
</script>
</head>
<body onload="autoChangeTime(),showYear(),xiaoyan(),bindEvent()"
id="test">
<form action="" name="myform" onsubmit="return false">
<div id="adiv" style="display: none">
<table width="476" border="1" align="center" cellpadding="1"
cellspacing="1">
<tr>
<td>用户形象照:</td>
<td colspan="3"><input id="file" type="file" size="24"
maxlength="24" value="123" /></td>
<td width="123" rowspan="5"><img id="imgs"
src="E:\diaoer\test.jpg" title="用户形象照" /> <input name="text"
type="button" size="24" maxlength="24" onclick="initImg()" value="上传" />
</td>
</tr>
<tr>
<td width="137">用户名:</td>
<td colspan="3"><input type="text" id="name"
onkeypress="checks(this)" /></td>
</tr>
<tr>
<td>性别</td>
<td colspan="3"><input type="radio" name="sex" value="男" /> 男 <input
type="radio" name="sex" value="女" /> 女</td>
</tr>
<tr>
<td>出生年月</td>
<td colspan="3"><select id="year">
</select>年 <select id="month">
</select>月 <select id="dates">
</select>日</td>
</tr>
<tr>
<td>爱好</td>
<td colspan="3"><input type="checkbox" name="hobby" value="篮球" />
篮球 <input type="checkbox" name="hobby" value="球" /> 球<br />
<input type="checkbox" name="hobby" value="看书 " /> 看书 <input
type="checkbox" name="hobby" value="玩电脑 " /> 玩电脑 <input
type="checkbox" name="hobby" value="跑步" /> 跑步</td>
</tr>
<tr>
<td height="125" rowspan="4">特长</td>
<td width="104" rowspan="4"><select multiple="multiple" id="sou"
size="6">
<option value="跑步">跑步</option>
<option value="电脑">电脑</option>
<option value="蓝球">蓝球</option>
<option value="足球">足球</option>
<option value="上网">上网</option>
<option value="游泳">游泳</option>
</select></td>
<td width="88"><input name="button" type="button" id="button"
value="->" onclick="changeSelect('sou','tar',0)" /></td>
<td colspan="2" rowspan="4"><select multiple="multiple" id="tar"
size="6">
</select></td>
</tr>
<tr>
<td><input name="button2" type="button" id="button2"
value="<-" onclick="changeSelect('tar','sou',0)" /></td>
</tr>
<tr>
<td><input name="button3" type="button" id="button3"
value="-->" onclick="changeSelect('sou','tar',1)" /></td>
</tr>
<tr>
<td><input name="button4" type="button" id="button4"
value="<--" onclick="changeSelect('tar','sou',1)" /></td>
</tr>
<tr>
<td>注册时间:</td>
<td colspan="4"><input type="text" id="date" size="60"
readonly="readonly" /></td>
</tr>
<tr>
<td>验证码:</td>
<td colspan="4"><input name="validate" type="text" size="5"
maxlength="5" /> <span class="STYLE1"><input type="text"
id="xiaoyan" size="5" class="STYLE1" readonly="readonly" /></span><input
name="go" type="button" value="看不清,换一张" onclick="goes()" /></td>
</tr>
<tr>
<td colspan="5">
<div align="center"><input name="button32" type="submit"
id="button32" value="提交" onclick="getFromValue()" /> <input
name="button33" type="reset" id="button33" value="重置" /></div>
</td>
</tr>
</table>
</div>
</form>
<table id="tab" class="tab" width="854" border="1" align="center"
cellpadding="1" cellspacing="1">
<thead id="thead">
<tr>
<td colspan="8"><span>用户名: <input type="text"
name="textfield3" /> <input name="button5" type="button"
id="button5" value="查询" /></span> <span> <input name="button5"
type="button" id="button5" value="添加" onclick="display(this);" /> <input
name="button6" type="button" id="button6" value="修改" /> <input
name="button7" type="button" id="button7" value="删除"
onclick="deleteRow()" /> </span></td>
</tr>
<tr>
<td width="33"><input type="checkbox" name="selectAll"
onclick="selectAll()" /></td>
<td width="170" style="cursor: pointer" onclick="sortCells(this)">用户名</td>
<td width="34" style="cursor: pointer" onclick="sortCells(this)">性别</td>
<td width="36" style="cursor: pointer" onclick="sortCells(this)">年龄</td>
<td width="89" style="cursor: pointer" onclick="sortCells(this)">出生日期</td>
<td width="136" style="cursor: pointer" onclick="sortCells(this)">爱好</td>
<td width="116" style="cursor: pointer" onclick="sortCells(this)">特长</td>
<td width="197" style="cursor: pointer" onclick="sortCells(this)">注册时间</td>
</tr>
</thead>
<tbody id="tbodys" />
</table>
<p> </p>
<script language="javascript"><!--
changColor("tab","#CCFF33","#CCCCCC","#ecfbd4","#FFCC00");
--></script>
</body>
</html>
发表评论
-
Ext 文档相关
2010-11-22 12:55 1046Ext 文档相关 -
Ext3.2中文API(最终完成版2010-10-25)
2010-11-15 10:25 1530Ext3.2中文API(最终完成版2010-10-25).CH ... -
Ext.data.Connection
2010-08-28 23:11 1066Ext.data.Connection Ext.data.C ... -
EXt tree 简单增、删、改、查
2010-08-26 17:43 1831EXt tree 简单增、删、改、查 js: E ... -
Extjs总结
2010-08-23 17:07 2161ExtJS是一个用javascript写的,主要用于创建前端用 ... -
在Struts2.0中使用JSON结合DWR和EXT
2010-08-23 08:24 1645在Struts2.0中使用JSON结合DWR和EXT 如 ... -
搭建EXTJS和STRUTS2框架(ext和struts2简单实例)
2010-08-23 08:17 1075新建一个工程struts2工程teaweb(因为现在所做的项目 ... -
EditorGridPanel中ComboBox显示问题?
2010-08-19 23:52 1497function getConsumerUnit(value) ... -
ExtJS3.0之可编辑表格EditorGridPanel
2010-08-19 23:45 2041ExtJS3.0之可编辑表格EditorGridPanel ... -
div左图右文布局效果 收藏
2010-08-19 23:22 1488div左图右文布局效果 收藏 <!DOCTYPE htm ... -
Ext Js Grid 编辑 新增 删除 保存的一个小示例
2010-08-19 23:20 2320Ext Js Grid 编辑 新增 删除 保存的一个小示例 & ... -
xt中combobox在grid显示问题
2010-08-19 23:16 1271xt中combobox在grid显示问题 问题描述:我在ed ... -
Ext.grid.EditorGridPanel的使用、修改记录的获取及提交方法
2010-08-19 20:27 1789<HTML> <HEAD> &l ... -
在Ext中EditorGrid中datefield输入问题解决过程
2010-08-19 20:22 1773在Ext中EditorGrid中datefield输入问题解决 ... -
在extjs中,用GridPanel来显示数据
2010-08-19 17:44 1566在extjs中,用GridPanel来显示数据,需要用到Sto ... -
使用Ext实现拖拉功能
2010-08-19 14:24 1404<!DOCTYPE html PUBLIC &q ... -
深入浅出Ext JS:一个完整的EXT应用
2010-08-19 14:16 2329在本文中,我们将综合运用前面所学的知识,开发一个简单的学生信息 ... -
Ext.GridPanel 用法总结(一)—— Grid基本用法
2010-08-19 12:23 1716Ext.GridPanel 用法总结(一)—— Grid基本用 ... -
Ext.ux.grid.RowEditor的使用
2010-08-19 10:42 3773Ext.ux.grid.RowEditor的使用 RowEd ... -
ext+dwr完整的例子(包括树,增删改查等)
2010-08-14 21:14 1348ext+dwr完整的例子(包括树,增删改查等) 文章分类:We ...
相关推荐
对gridview的操作,主要是对gridview的格式设置,增加删除以及分页的操作和对表头的更改。
js实现点击表头排序
js实现点击table表头字段,根据字段排序例子。在表中添加js代码后可以自动排序,非常方便!
1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2014 + eCharts 3... 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置、图形报表展示
根据表头进行排序,点击表头可实现升降排序,经过测试,可以使用,支持 IE、火狐等浏览器
table表头点击可实现排序,用JavaScript编写,可修改使用
tablesorter实现HTML表格点击表头排序,同样适用于JSP、PHP等主流Web开发
绝对是好东西 如果你刚好找这方面的资料要实现点击表头就产生排序,绝对实用,物超所值 轻量级JavaScript表格内容排序代码 对生产的html进行排序,不需要与数据库交互,速度性能好
dwz .net 简单分页 表头排序、查询
固定表头,点击表头排序,拖动表格的列宽,使用非常方便
点击表格表头排序 一个国外收费js控件,为大家节省点money
html表格table的表头排序,js代码fastunit使用案例
在一个表格中,单击表头进行该列的排序,无需后台
2,Jquery 操作 Table 的数据,主要是增删改查不显示在每一条数据的后面; 3,对修改操作使用了jquery.cookie.js ,并做了cookie最大值的判断,防止无效(其实不判断最大值也关系不大); 4,页面需要自己美化; 5,...
基于Jquery的前台按表头排序table tr th
点击表头进行排序,javascript控制
非常好用的基于Jquery的前台按表头排序
用jquery实现的表格常用操作 1.表头固定 2.页脚求和 3.行隐藏 4.列隐藏 5.悬浮变色 6.表头排序
1、给排序的表格加id 2、标题栏加 3、排序的内容加 5、引入此js 6、在文档的末尾加入 [removed] var to = new TableOrder("idTable"), odID = to.creat({ type: "int", desc: false }), arrOrder = []; $$A.forEach...
NULL 博文链接:https://javapub.iteye.com/blog/783343