首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>编程相关>JAVASCRIPT>几个在程序开发中经常用到的javascript方法
几个在程序开发中经常用到的javascript方法
来源: 发布时间:2008-09-22 发布人: 浏览: 人次   字体: [ ]  

function GridViewColor(GridViewId,NormalColor, AlterColor, HoverColor, SelectColor){
//获取所有要控制的行
var AllRows = document.getElementById(GridViewId).getElementsByTagName("tr");
//设置每一行的背景色和事件,循环从1开始而非0,可以避开表头那一行
for(var i=1; i<AllRows.length; i++){
  //设定本行默认的背景色
  AllRows.style.background = i%2==0?NormalColor:AlterColor;
  AllRows.style.cursor='pointer';
  //如果指定了鼠标指向的背景色,则添加onmouseover/onmouseout事件
  //处于选中状态的行发生这两个事件时不改变颜色
  if(HoverColor != ""){
    AllRows.onmouseover = function(){if(!this.selected)this.style.background = HoverColor;}
    if(i%2 == 0){
      AllRows.onmouseout = function(){if(!this.selected)this.style.background = NormalColor;}
    }
    else{
      AllRows.onmouseout = function(){if(!this.selected)this.style.background = AlterColor;}
    }
  }
  //如果指定了鼠标点击的背景色,则添加onclick事件
  //在事件响应中修改被点击行的选中状态
  if(SelectColor != ""){
    AllRows.onclick = function(){
      this.style.background = this.style.background==SelectColor?HoverColor:SelectColor;
      this.selected = !this.selected;
    }
  }
}
}
/****************************** 
 1、chekbox全选
 2、chkId所选的checkboxId
 3、frmIdcheckbox所在的表单
********************************/
function GetChkboxAll(ChkId,frmId)
{
var frm=document.getElementById(frmId).getElementsByTagName("input");
for(i=0;i<frm.length;i++)
{
  if(frm.type=="checkbox")
  {
    frm.checked = ChkId.checked;
  }
}
}
function GetChkboxHead(ChkId,frmId,HeadId)
{
var frm=document.getElementById(frmId).getElementsByTagName("input");
var iMax=0;
var j=0;
for(i=0;i<frm.length;i++){
  if(frm.type=="checkbox"){
    iMax++;//判断checkbox总数
    if(frm.checked==true){
    j++;
    }
  }
}
if(document.getElementById(HeadId).checked==true){
  j--;
}
if(iMax==(j+1)){
  document.getElementById(HeadId).checked=true;
}else{
  document.getElementById(HeadId).checked=false;
}
}
function ChkOp(frmId,HeadId,flag)
{
var iCount=0;
var frm=document.getElementById(frmId).getElementsByTagName("input");
for(var i=0;i<frm.length;i++){
  if(frm.type=="checkbox"){
    if(frm.checked==true){
    iCount++;
    }
  }
}
if(flag=="delete"){
  if(iCount>0){
    return true;
    }else{
    alert("请至少选择一项要删除的信息");
    return false;
  }
}else{
  if(iCount==1){
    return true;
    }else{
    alert("请选择一项要修改的信息");
    return false;
  }
}
}
/*************************
**清除frmId下所有文本框**
**************************/
function ClearInput(frmId)
{
var frm=document.getElementById(frmId);
var inp=frm.getElementsByTagName("input");
var tarea=frm.getElementsByTagName("textarea");
var len1=tarea.length;
var len=inp.length;
for(var i=0;i<len;i++){
  if(inp.type=="text"){
    inp.value="";
  }
}
for(var i=0;i<len1;i++){
  tarea.value="";
}
}
/***二级联动
* Arr:数组存储数据
* Arr[0] = new Array('图书类','1','0');
* Arr[1] = new Array('小说','1','1');
* Arr[2] = new Array('文学','2','1');
* Arr[3] = new Array('传记','3','1');
* ddlSelect1 一级菜单
* ddlSelect2 二级菜单
****/
function GetDllChang(Arr,ddlSelect1,ddlSelect2)
{
var j=1;
var ddl1=document.getElementById(ddlSelect1);
var ddl2=document.getElementById(ddlSelect2);
ddl2.length="";
ddl2.options[0]=new Option('请选择',0)
ddl1Value=ddl1.options[ddl1.selectedIndex].value;
for(var i=0;i<Arr.length;i++){
if(ddl1Value==Arr[2]){
  ddl2.options[j]=new Option(Arr[0], Arr[1]);
j++;
}
}
}
function DllInit(ddlSelect1,ddlSelect2)
{
var j=1;
var ddl1=document.getElementById(ddlSelect1);
ddl1.length=0;
ddl1.options[0]=new Option('请选择',0)
var ddl2=document.getElementById(ddlSelect2);
ddl2.length="";
ddl2.options[0]=new Option('请选择',0)
for (var i=0; i < Arr.length; i++){
  if (Arr[2] == 0){
    ddl1.options[j] = new Option(Arr[0], Arr[1]);
if(Arr[1]==ddl1.value){
      ddl1.options.selected=true;
}
j++;
  }
}
}


共2页: 上一页 1 [2] 下一页
相 关 文 章   发布商链接
·javascript实现定时刷新页面的代码共...
·javascript实现WEB页面导出为EXCEL或...
·Javascript实现的随机点名代码,附有...
·当form表单提交的是name而不是id时报...
·如何在静态页面中利用javascript读取...
·javascript实现页面跳转的五种方法大...
·javascript对个数不定的复选框进行验...
·javascript操作复选框全选,反选,是否...
·如何用javascript取得被选中的内容代...
·javascript实现的全屏漂浮广告代码
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·javscript实现鼠标移到小图片
·如何在静态页面中利用javascr...
·javascript实现WEB页面导出为...
·如何在兼容IE和Firefox的情况
·javascript读取本地excel文档
·javascript实现页面自动刷新...
·javascript解决iframe框架页...
·javascript实现网易邮箱多附...
·javascript实现模仿IE自动完...
·javacript实现关闭子窗口,刷...
·javascript脚本实现右键弹出...
·javascript结合Ajax制作的可...
·javascript实现页面载入等待...
·javascript实现一个IP只弹窗...
·javascript导航条比较实用的...
热 门 文 章
·Ext2.0框架的Grid使用介绍祥...
·JS实现多行的HTML静态表格分...
·javascript实现多张图片轮流...
·javascript使用xml数据岛的简...
·Adobe Reader利用javascript...
·javascript读写TEXT文本文件...
·幻灯片焦点图片新闻显示调用f...
·实例讲解Ext Js生成动态树,...
·javascript实现页面载入等待...
·javascript实现动态多附件上...
·Javascript在IE和FireFox中的...
·javascript解析身份证号码得...
·javascript脚本实现右键弹出...
·javascript实现的网页软键盘...
·js操作innerHTML 引起的未知...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .