仓酷云

标题: 来看java web能够拖动表格单位格巨细的html，鼠标拖动改动表格巨细（三） ... [打印本页]

作者: 只想知道 时间: 2015-1-18 11:09
标题: 来看java web能够拖动表格单位格巨细的html，鼠标拖动改动表格巨细（三） ...
从一个编程语言的普及程度来将，一个好的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
有时间再研究一下MVC结构（把Model-View-Control分离开的设计思想）

作者: 乐观 时间: 2015-1-21 16:58
是一种将安全性(Security)列为第一优先考虑的语言

作者: 精灵巫婆 时间: 2015-1-23 15:44
是一种使网页(Web Page)产生生动活泼画面的语言

作者: 飘飘悠悠 时间: 2015-1-24 21:43
是一种为 Internet发展的计算机语言

作者: 变相怪杰 时间: 2015-1-29 13:35
《JAVA语言程序设计》或《JAVA从入门到精通》这两本书开始学，等你编程有感觉的时候也可以回看一下。《JAVA读书笔记》这本书，因为讲的代码很多，也很容易看懂，涉及到面也到位。是你学习技术巩固的好书，学完后就看看《JAVA编程思想》这本书，找找一个自己写的代码跟书上的代码有什么不一样。

作者: 蒙在股里 时间: 2015-2-6 01:29
Pet Store.（宠物店）是SUN公司为了演示其J2EE编程规范而推出的开放源码的程序，应该很具有权威性，想学J2EE和EJB的朋友不要错过了。

作者: 冷月葬花魂 时间: 2015-2-6 17:29
你现在最缺的是实际的工作经验，而不是书本上那些凭空想出来的程序。

作者: 简单生活 时间: 2015-2-9 09:29
Jive的资料在很多网站上都有，大家可以找来研究一下。相信你读完代码后，会有脱胎换骨的感觉。遗憾的是Jive从2.5以后就不再无条件的开放源代码，同时有licence限制。不过幸好还有中国一流的Java程序员关注它，外国人不开源了，中国人就不能开源吗？这里向大家推荐一个汉化的Jive版本—J道。Jive(J道版)是由中国Java界大名鼎鼎的banq在Jive 2.1版本基础上改编而成, 全中文，增加了一些实用功能，如贴图，用户头像和用户资料查询等，而且有一个开发团队在不断升级。你可以访问banq的网站

作者: 第二个灵魂 时间: 2015-2-27 05:18
当然你也可以参加一些开源项目，一方面可以提高自己，另一方面也是为中国软件事业做贡献嘛！开发者在互联网上用CVS合作开发，用QQ,MSN,E-mail讨论联系，天南海北的程序员分散在各地却同时开发同一个软件，是不是很有意思呢？

作者: 不帅 时间: 2015-3-8 22:11
我大二，Java也只学了一年，觉得还是看thinking in java好，有能力的话看英文原版(中文版翻的不怎么好)，还能提高英文文档阅读能力。

作者: admin 时间: 2015-3-16 14:54
在全球云计算和移动互联网的产业环境下，Java更具备了显著优势和广阔前景。

作者: 灵魂腐蚀 时间: 2015-3-22 23:16
其实说这种话的人就如当年小日本号称“三个月拿下中国”一样大言不惭。不是Tomjava泼你冷水，你现在只是学到了Java的骨架，却还没有学到Java的精髓。接下来你得研究设计模式了。

欢迎光临仓酷云 (http://ckuyun.com/)