螃哈哈一只

  function  nextsubmit()…{  
           if(document.forms[0].userName.value =="")…{
             alert("用户姓名不能为空，请输入！");
             document.forms[0].userName.focus();
             return false;             
          }
          
          if(document.forms[0].userPassword.value =="")…{
             alert("用户密码不能为空，请输入！");
             document.forms[0].userPassword.focus();
             return false;             
          }
          
          if(document.forms[0].newPassword.value =="")…{
             alert("新用户密码不能为空，请输入！");
             document.forms[0].newPassword.focus();
             return false;             
          }
          
          if(document.forms[0].newPassword.value != document.forms[0].checkPassword.value)…{
             alert("密码重输入确认不符，请检查！");
             document.forms[0].newPassword.focus();
             return false;             
          }

            
      
          return true;    
  }

今天项目送到了测试部门，测试下来问题多多，其中一块就是表单基本验证。由于项目开始，一个老javascript老手已经做出了上诉模板，大家也为了图个项目进度，大都拷贝了上面的代码，几个礼拜下来，上面这些代码便扩散开了，好煞风景，这不刚学了jQuery嘛，干脆大家把上诉代码全部删了，写了个通用的模块。 阅读全文 »

       花了1天时间，边看jQuery的例子边熟悉它的API，总算把项目中的权限控制模块做好了。以前面对这么一大堆checkbox，在写javascript的时候总要考虑下页面的组织，一般都是通过它们不同的name和id属性来加以控制的。而用jQuery就没有那么多限制了，它的选择器简直就是一条鱼，可以任意在水中游荡，由这个input游到那个td，再迅速游到其他毫不相干的标签，充分展现了代码与页面分离的优势，只要稍稍加几个hidden的input就可以把整个页面紧凑地组织成一体，呵呵，当然你要有那种逻辑思维。通过选择器这条小鱼，还可以让它引出很多线索，进行统一的控制和绑定——方法啦，属性啦，等等，当然还封装了这些线索的遍历方法，设置了相当方便的回调函数。
         想当初学习javascript的痛苦，和现在用jQuery的轻松加愉快，其便利之处是不言而喻的。而且写出来的代码一致性很好（当然看个人风格），可读性也很棒。下面是我用jQuery框架和原始javascript写的功能相同的模块，大家可以比较一下。

这是jQuery写的
阅读全文 »

Lightbox

虽然 Lightbox 非常具体站点，但是我想指出 Lightbox 技术在当今许多站点中都发挥了很大的作用。lightbox 是用户界面技术与一些 Ajax 技术的结合体。Web 页面的例子如 图 10 所示。

图 10. Lightbox JS 主页

如果单击某个图像，那么整个页面会变暗，同时一个方框出现在页面中间，显示放大后的所选图片。图 11 显示这个功能。

图 11. 单击图像后 lightbox 出现

这种技术具有很多优势。它可以把用户的注意力从页面的其他区域到转移选择的图片。因为用户可以单击 Close 返回正常的浏览页面，因此这种技术可以为用户显示很多详细内容而又不必离开当前页面。

这种 lightbox 技术不仅适用于图像或者视频，也适用于文本内容。我经常访问的一个站点就是使用 lightbox 技术在主页上合适的区域显示了每一篇文章的概要。但是用户只有在单击了 lightbox 链接（通过 Ajax）之后，页面才会加载该篇文章的概要。因此，用户可以在一个页面中同时阅读几篇文章的概要内容，并且构建大量的页面会使服务的带宽不够，虽然用户并不会同时访问所有的页面。这于对于计算机和用户来说都是最好的。

一些开源的 JavaScript 库可用于开发 lightbox。上图所显示的是 Lightbox JS version 2。