CMMB后台项目部分JS

//1.多选框的全选和全清除
<s:iterator value="viewList">
 <input name="newsCheckbox" id="newsCheckbox" value="${id}" type="checkbox" οnclick="show(this)">
</s:iterator>
<script type="text/javascript">
//迭代的话全选多选框的js
 function chooseCheck(){
  var check=document.getElementsByName("newsCheckbox");//document.getElementsByName 可得到一个数组
  for(var i=0;check;i++){
  check[i].checked="checked";
  check[i].parentNode.parentNode.parentNode.style.backgroundColor='#DBEAF5';
  }
 }
//迭代的话全清多选框的js
 function cancelCheck(){
  var check=document.getElementsByName("newsCheckbox");
  for(var i=0;check;i++){
  check[i].checked="";
  check[i].parentNode.parentNode.parentNode.style.backgroundColor='#ffffff';
  }
 }
//美化显示页面效果,将表格整行样色改变
 function show(obj){
  var tr=obj.parentNode.parentNode.parentNode;
  if(obj.checked){
   tr.style.backgroundColor='#DBEAF5';
  }else{
   tr.style.backgroundColor='#ffffff';
  }
 }
//删除被选中的多选框的数据
function deleteCheck(){
 var newid="";
 var array=document.getElementsByName("newsCheckbox");//document.getElementsByName 可得到一个数组
 for(var i=0; i<array.length; i++){
      if(array[i].checked){
        newid=newid+array[i].value+";";//在action里 String[] showid2=this.getShowid().split(";");按;分割字符串
      }
    }
    if(newid==""){
     alert("请先选择记录");
 }else{
      if( confirm("是否继续!")){
  document.forms[0].action="<%=webRoot%>/newsManage/newsManage_checkDelete.action?showid="+newid;
  document.forms[0].submit();
   }
 }
}
</script>

//2.搜索和清除
<tr>
 <td align="center">标题<input type="text" size="20" name= "title" id="title" value="${title }" /></td>
 <td align="center">
  <td>&nbsp;开始时间&nbsp;<input type="text"  readonly="readonly" id="createtime" name="createtime"/>
         <script type="text/javascript">
             Calendar.setup({
             inputField  : "createtime",      // id of the input field
           ifFormat    : "%Y-%m-%d",       // the date format
             showsTime   : "true",
            button      : "createtime1"    // id of the button
             });
          </script> </td>
  <td>&nbsp;结束时间&nbsp;<input type="text"  readonly="readonly" id="overtime" name="overtime"/>
         <script type="text/javascript">
          Calendar.setup({
             inputField  : "overtime",      // id of the input field
           ifFormat    : "%Y-%m-%d",       // the date format
             showsTime   : "true",
            button      : "overtime1"    // id of the button
             });
          </script>
    </td>
</tr>
<script type="text/javascript">
//比较开始时间和结束时间,跳转到action
function query(){
 var createtime = document.getElementById("createtime").value;
 var overtime = document.getElementById("overtime").value;
 if(createtime>overtime){
  alert("开始时间要小于结束时间");
  return false;
 }else{
  //跳转时是将HTML标签里name的值传入action
  document.forms[0].action="<%=webRoot%>/newsManage/newsManage_query.action";
  document.forms[0].submit();
 }
}
//清除text
function clean(){
 var name1=document.getElementById("title");//document.getElementById 可得到一个值
 var name2=document.getElementById("createtime");
 var name3=document.getElementById("overtime");
 name1.value="";
 name2.value="";
 name3.value="";
}
//window.location.href用法
function add(){
    if(confirm('确认要执行此操作？'))
 window.location.href="<%=webRoot%>/newsManage/newsManage_toAdd.action"  
 //window.location.href 直接递交不自带参数
}
function toEdit(id){
 if(confirm('确认要执行此操作？'))
 window.location.href="<%=webRoot%>/newsManage/newsManage_toEdit.action?eid="+id;
 //window.location.href 直接递交不自带参数但可以给定传递的参数
}
function getURL(id){
 window.showModalDialog("<%=webRoot%>/newsManage/newsManage_getURL.action?eid="+id,window,"status:no;resizable:yes;dialogHeight:180px;dialogWidth:380px;unadorne:yes")
    // window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框
}
</script>

//3.点击getURL后操作跳转到getURL的jsp里
<input type="text" id="news.id" name="news.id" size="60" readonly="readonly" value="<%=webRoot%>/news/news_toViewNews.action?id=${news.id}"/>
<div style="width:100px; height:20px; cursor:pointer;" onClick="Copy_Code('news.id')">复制</div>

<script type=text/javascript>
function Copy_Code(oid){
//点击复制后将text内的内容复制下来
 if(document.getElementById(oid).value == ""){
  alert("无内容，请输入内容");
  return false;
 }
 var _txt = document.getElementById(oid);
  _txt.select();  //全选
  _txt.focus();   //获取焦点
  window.clipboardData.setData('text', document.getElementById(oid).value); //复制文本框内容
  alert('已成功复制！');
}
</script>

//4.点击添加后操作跳转到add的jsp里
<tr>
    <td width="16%" height="25" align="center" bgcolor="#FFFFFF" class="myword">标题</td>
    <td align="left" bgcolor="#FFFFFF" height="30">&nbsp;<input type="text" size="20" id="news.title" name="news.title" /> </td>
</tr>
<tr>
    <td align="center" bgcolor="#FFFFFF">正&nbsp;&nbsp;&nbsp;&nbsp;文：
    <td bgcolor="#FFFFFF" align="left">&nbsp;<textarea cols="60" rows="10" name="news.description" id="news.description"></textarea></td>
</tr>
<tr>
    <td height="25" align="center" bgcolor="#FFFFFF">上传图片：
  <td bgcolor="#FFFFFF" align="left">
   <s:file size="40" theme="simple" id ="news.myFile" name="news.myFile"/>
  </td>
    </td>
</tr>
<tr>
 <td> <input name="Submit8" value="提交" type="button" class="button_style" οnclick="togo()"/></td>
</tr>
<script type=text/javascript>
function togo(){
    if(confirm('确认要执行此操作？')){
    var title=document.getElementById("news.title").value;
       var description=document.getElementById("news.description").value;
       var file=document.getElementById("news.myfile").value;
    if(title==""||title==null){
           alert("标题不能为空");
           return false;
    }
    if(description.length>400){
           alert("长度不能超过400字符"); 
           return false;
    } 
    if(file==""||file==null){
           alert("请添加图片");
           return false;
    }  
    if(file.substring(file.length-4)!=".jpg"){ 
           alert("请确定添加的是图片");
           return false;
    } 
    check();
}
//dwr 对应的dwr.xml文件配置为
//<dwr>
// <allow>
//  <create javascript="NewsManageService" creator="spring">
//   <param name="beanName" value="NewsManageService"/>
//   <include method="check"/>
//  </create>  
// </allow>
//</dwr>
function check(){//作用是检查是否唯一
 var title=document.getElementById("news.title").value;
 NewsManageService.check(title,checkName);//返回是否为true或false
}
 
function checkName(data){
 if(!data){
  alert("标题已经存在!");
  return false;
 }
 document.forms[0].action="<%=webRoot%>/newsManage/newsManage_add.action";
 document.forms[0].submit();
}
</script>

//5.修改的内容
 <input type="text" size="15" name="news.title" id="news.title" value="${news.title}" οnblur="check()"/></td>
 <td> <input name="Submit8" value="修改" type="submit" class="button_style" οnclick="togo()"></td>
 
<script type="text/javascript">
function togo(){    
    if(confirm('确认要执行此操作？')){
    if(document.getElementById("news.description").value.length>400)
        alert("更新失败，长度不能超过400字符！");
  document.forms[0].action="<%=webRoot%>/newsManage/newsManage_edit.action";
     document.forms[0].submit();
 }
}
function check(){
 var title=document.getElementById("news.title").value;
 NewsManageService.check(title,checkname);
}
function checkname(data){
 var title=document.getElementById("news.title").value;
 var tit='${news.title}';
 if(!data && title!=tit){
  alert("标题已被使用，请换标题");
  return false;
 }
}
</script>

//6.打开网页是加载JS方法显示text
<script type="text/javascript">
//这是添加页面使用的JS,将5个字段以;加起来
function check(){
 var cont1=document.getElementById("content1").value;
 var cont2=document.getElementById("content2").value;
 var cont3=document.getElementById("content3").value;
 var cont4=document.getElementById("content4").value;
 var cont5=document.getElementById("content5").value;
 
 if(cont1==""||cont1==null||cont2==""||cont2==null||cont3==""||cont3==null){
  alert("投票内容至少前3项不能为空");
 }else{
  cont.value=cont1+";"+cont2+";"+cont3+";";
  if(cont4!=""){
   cont.value=cont.value+cont4+";";
  }if(cont5!=""){
   cont.value=cont.value+cont5+";";
  }
  checkName();
  
 }
}
//这是修改页面的JS,需要打开修改页面时就显示这5个字段,将字段分开赋值给每个字段
// <body οnlοad="load()">
function load(){
 var content="${vote.content}";
 var temp=content.split(";")
 var i=0;
 for (i = 0; i < temp.length; i++) {
  document.getElementById("content"+(i+1)).value=temp[i];
 }
}
</script>