仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 624|回复: 12
打印 上一主题 下一主题

[学习教程] 来看java web能够拖动表格单位格巨细的html,鼠标拖动改动表格巨细(三) ...

[复制链接]
只想知道 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-18 11:09:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
从一个编程语言的普及程度来将,一个好的IDE是至关中要的,而现在的java的IDE虽然已经很好了,但是和.net比起来还是稍微差一些的,这是个客观事实。java要想普及的更好。DE是必须加以改进的。
最终效果:拖动表格里任何一个地位,都能够摆布拖动表格宽度,高低宽度一起改动
特性:拖动简单,笔墨不会被线挡住
代码:
Html代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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 colnum=0;
var begin_x;
var begin_y;
var drag_flag = false;
document.onmousedown = mouseDragBegin
document.onmousemove = mouseDrag
document.onmouseup = mouseDragEnd

function setDrag(col){
drag_flag = true;
colcolnum = col;
}

function mouseDragBegin(){
if(drag_flag==true){
begin_x = event.x;
begin_y = event.y;
}
}

function mouseDrag(){
if(drag_flag==true){
if (window.event.button == 1){
var now_x = event.x;
var now_y = event.y;
if(colnum==0){
var value = ColRight1[0].style.pixelWidth + now_x - begin_x;
 for(var i=0;i<ColRight1.length;i++){
ColRight1[i].style.pixelWidth = value;
 }
 if (ColRight1[0].style.pixelWidth <=10){
for (var i=0;i<ColRight1.length;i++){
ColRight1[i].style.pixelWidth = 10;
}
 }

 begin_x = now_x;

}else if(colnum==1){
var value = ColRight2[0].style.pixelWidth + now_x - begin_x;
 for(var i=0;i<ColRight1.length;i++){
ColRight2[i].style.pixelWidth = value;
 }
 if (ColRight2[0].style.pixelWidth <=10){
for (var i=0;i<ColRight2.length;i++){
ColRight2[i].style.pixelWidth = 10;
}
 }
 begin_x = now_x;

}else if(colnum==2){
var value = ColRight3[0].style.pixelWidth + now_x - begin_x;
for(var i=0;i<ColRight1.length;i++){
ColRight3[i].style.pixelWidth = value;
}
if (ColRight3[0].style.pixelWidth <=10){
for (var i=0;i<ColRight3.length;i++){
ColRight3[i].style.pixelWidth = 10;
}
}
begin_x = now_x;

}else if(colnum==3){
var value = ColRight4[0].style.pixelWidth + now_x - begin_x;
for(var i=0;i<ColRight1.length;i++){
ColRight4[i].style.pixelWidth = value;
}
if (ColRight4[0].style.pixelWidth <=10){
for (var i=0;i<ColRight4.length;i++){
ColRight4[i].style.pixelWidth = 10;
}
}
begin_x = now_x;

}
}
}
}

function mouseDragEnd(){
drag_flag=false;
}
//-->
</script>
</HEAD>

<BODY>

 <TABLE ID="tblTitle" BORDER=0 cellspacing =0 cellpadding =0 STYLE="border-collapse:collapse;">
 <tr height = 30>
 <td class="tdTitle"><DIV ID=ColRight1 style="width:100px; background-color:red" unselectable="on" onMouseDown="setDrag(0)">000</DIV></td>
 <td class="tdTitle"><DIV ID=ColRight2 style="width:100px; background-color:green" unselectable="on" onMouseDown="setDrag(1)">111</DIV></td>
 <td class="tdTitle"><DIV ID=ColRight3 style="width:120px; background-color:red" unselectable="on" onMouseDown="setDrag(2)">222</DIV></td>
 <td class="tdTitle"><DIV ID=ColRight4 style="width: 50px; background-color:green" unselectable="on" onMouseDown="setDrag(3)">333</DIV></td>
 </tr>
 <tr height = 30>
 <td class="tdTitle"><DIV ID=ColRight1 style="width:100px; background-color:red" unselectable="on" onMouseDown="setDrag(0)">000</DIV></td>
 <td class="tdTitle"><DIV ID=ColRight2 style="width:100px; background-color:green" unselectable="on" onMouseDown="setDrag(1)">111</DIV></td>
 <td class="tdTitle"><DIV ID=ColRight3 style="width:120px; background-color:red" unselectable="on" onMouseDown="setDrag(2)">222</DIV></td>
 <td class="tdTitle"><DIV ID=ColRight4 style="width: 50px; background-color:green" unselectable="on" onMouseDown="setDrag(3)">333</DIV></td>
 </tr>
 </TABLE>
</BODY>
</HTML>

用java开发web只要两本书:一本是关于java基础的,一本是关于jsp、servlet的就可以了。开发周期长,我就来讲句题外话,现在有很多思想都是通过java来展现。
若天明 该用户已被删除
沙发
发表于 2015-1-20 15:40:10 | 只看该作者
有时间再研究一下MVC结构(把Model-View-Control分离开的设计思想)
乐观 该用户已被删除
板凳
发表于 2015-1-21 16:58:08 | 只看该作者
是一种将安全性(Security)列为第一优先考虑的语言
精灵巫婆 该用户已被删除
地板
发表于 2015-1-23 15:44:25 | 只看该作者
是一种使网页(Web Page)产生生动活泼画面的语言
飘飘悠悠 该用户已被删除
5#
发表于 2015-1-24 21:43:48 | 只看该作者
是一种为 Internet发展的计算机语言
变相怪杰 该用户已被删除
6#
发表于 2015-1-29 13:35:17 | 只看该作者
《JAVA语言程序设计》或《JAVA从入门到精通》这两本书开始学,等你编程有感觉的时候也可以回看一下。《JAVA读书笔记》这本书,因为讲的代码很多,也很容易看懂,涉及到面也到位。是你学习技术巩固的好书,学完后就看看《JAVA编程思想》这本书,找找一个自己写的代码跟书上的代码有什么不一样。
蒙在股里 该用户已被删除
7#
发表于 2015-2-6 01:29:38 | 只看该作者
Pet Store.(宠物店)是SUN公司为了演示其J2EE编程规范而推出的开放源码的程序,应该很具有权威性,想学J2EE和EJB的朋友不要 错过了。
冷月葬花魂 该用户已被删除
8#
发表于 2015-2-6 17:29:49 | 只看该作者
你现在最缺的是实际的工作经验,而不是书本上那些凭空想出来的程序。
简单生活 该用户已被删除
9#
发表于 2015-2-9 09:29:01 | 只看该作者
Jive的资料在很多网站上都有,大家可以找来研究一下。相信你读完代码后,会有脱胎换骨的感觉。遗憾的是Jive从2.5以后就不再无条件的开放源代码,同时有licence限制。不过幸好还有中国一流的Java程序员关注它,外国人不开源了,中国人就不能开源吗?这里向大家推荐一个汉化的Jive版本—J道。Jive(J道版)是由中国Java界大名 鼎鼎的banq在Jive 2.1版本基础上改编而成, 全中文,增加了一些实用功能,如贴图,用户头像和用户资料查询等,而且有一个开发团队在不断升级。你可以访问banq的网站
第二个灵魂 该用户已被删除
10#
发表于 2015-2-27 05:18:02 | 只看该作者
当然你也可以参加一些开源项目,一方面可以提高自己,另一方面也是为中国软件事业做贡献嘛!开发者在互联网上用CVS合作开发,用QQ,MSN,E-mail讨论联系,天南海北的程序员分散在各地却同时开发同一个软件,是不是很有意思呢?
不帅 该用户已被删除
11#
发表于 2015-3-8 22:11:57 | 只看该作者
我大二,Java也只学了一年,觉得还是看thinking in java好,有能力的话看英文原版(中文版翻的不怎么好),还能提高英文文档阅读能力。
admin 该用户已被删除
12#
发表于 2015-3-16 14:54:53 | 只看该作者
在全球云计算和移动互联网的产业环境下,Java更具备了显著优势和广阔前景。
灵魂腐蚀 该用户已被删除
13#
发表于 2015-3-22 23:16:53 | 只看该作者
其实说这种话的人就如当年小日本号称“三个月拿下中国”一样大言不惭。不是Tomjava泼你冷水,你现在只是学到了Java的骨架,却还没有学到Java的精髓。接下来你得研究设计模式了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-9-28 19:16

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表