易截截图软件、单文件、免安装、纯绿色、仅160KB

配合javascript动态操作表头

这段时间在用displayTag, 它有很多好用的功能,俺也不就在这赘述,当然也有几个不方便的地方. 比如求和后"%"的显示等与求和相关的缺点, 这里先介绍一个缺点并把我从网上整理出来的解决方案也一并帖出. 问题是这样的: 由于业务要求, 当用户鼠标位于表中某一列的标头时, 在这个表头"动画"地显示这列的简介. 先看下做出来的效果:
   若不用displaytag的话,这个没什么困难的, 直接加mouseOver事件就OK了.可现在用dispalyTag后, 在<display:column ..>中加不了onMouseOver的响应事件,即便是能加这个响应事件的话, 也是加到了列上, 没法定位到当前列的表头.
     怎么解决?
     写DisplayTag的装饰器应该可以,但太麻烦.
     在JSP上做文章吧.
     那只能用JavaScript了, 以前用Dojo时有这个效果,但仅仅为了这么个功能引入Dojo显然很不划算.
     自己写一个JavaScript方法.
     先在网上搜下看看有没有类似的解决方法, 终于找到一个:
http://www.devx.com/webdev/10MinuteSolution/31020/0/page/3,看样子行, 于是就以他的方法为出发点来写.还有一哥们,他想改写displatTag的部分源码以支持那些常见的JavaScript事件.
http: //jira.codehaus.org/browse/DISPL-187. 这个牛人的问题咱们以后再研究.
     回到咱们的主题上来. 以他的RowHandlers.js为出发点怎么写? 分为三步:
    1, 定位到目标表头.也就是说让浏览器知道用户的鼠标放到了表头.
    2, 触发mouseOver事件,
    3, 在事件里定位说明
     先看第一步, 这个是有些麻烦,若不是用了FireFox里的firebug来跟踪查看DOM,这一步就写不出来. 写了改,改了再调了N遍后, 终于成功了:
         var theadCells = document.getElementById(tableID).getElementsByTagName("thead")[0].rows[0].cells;
     这个theadCells就是HTML中表头上的一系列<tr></tr>. tableID是传来的参数, 毕竟displayTag还没"干尽杀绝", 让咱们程序员得到生成table的id.
     再看第二步, 这个没什么可说的, 直接按人家方法来就行了:
    cell.onmouseover = function () {
       


相关文档:

javascript 打印预览的实现

引自:http://blog.csdn.net/lsj19830812/archive/2007/10/25/1843578.aspx
 a.jsp是要打印的页面
<html>
<head>
<script language="javascript">
function fmtPrint(printPlace,w,h){
var sarg=new Array();
var sdata=document.all.item(printPlace);
sarg[0]=s ......

JavaScript题型

1.如何获取表单<select>域的选择部分的文本?
<form name="a">
<select name="a" size="1" onchange="_sel(this)">
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
</select>
</form&g ......

select元素javascript常用操作

 *说明:select元素javascript常用操作
* 1.判断是否存在指定value的Item
* 2.加入一个Item
* 3.删除值为value的所有Item
* 4.删除某一个index的选项
* 5.更新第index项的value和text
* 6.设置select中指定text的第一个Item为选中
* 7.设置select中指定value的第一个Item为选中
* 8.得到当前选中项的v ......

javascript子页面刷新父页面

前台页面为 子页面为一个按钮:
<form id="form1" runat="server">
    <div>
        <asp:Button runat="server" ID="Bt_Add" Text="添加" Width="80px" Height="20px" OnClick="Bt_Add_Click" />
    </div>
  ......

javascript之表单验证 完美提升用户体验

引言
增加客户端的表单验证可以为用户提供更快的体验,但决不能忽视的是,客户端表单验证永远不应该取代服务器端的验证,而只能是辅助和增强。根据经验JavaScript验证表单基本分为以下几方面的内容,必填字段、特殊模式匹配等,还要注意错误的提示方式对一个表单的可用性有着极其重要的影响。
2建立表单
  &nb ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号