按钮联动

最新推荐文章于 2024-01-09 17:59:11 发布
最新推荐文章于 2024-01-09 17:59:11 发布
阅读量295 收藏
点赞数
分类专栏： jquery 文章标签： class function button bean action input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lb8607/article/details/6750859
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
  + request.getServerName() + ":" + request.getServerPort()
  + path + "/";
%>
<html:html lang="true">   
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=8" />  

  <title></title>
  <meta   http-equiv="pragma"   content="no-cache"/>     
  <meta   http-equiv="cache-control"   content="no-cache"/>     
  <meta   http-equiv="expires"   content="0"/>
  <link type="text/css" rel="stylesheet" href="./css/common.css"></link>
  <link type="text/css" rel="stylesheet" href="./css/screen.css"></link>
  <link rel="stylesheet" type="text/css" href="./css/jquery.multiselect.css" />
  <link rel="stylesheet" type="text/css" href="./css/jquery-ui.css"/>
  <script type="text/javascript" src="./js/jquery.js"></script>
  <script type="text/javascript" src="./js/jquery-ui.min.js"></script>
  <script type="text/javascript" src="./js/jquery.multiselect.min.js"></script>
  <script type="text/javascript" src="./js/prettify.js"></script>
  <script type="text/javascript" src="./js/common.js"></script>
  <script type="text/javascript" src="./js/ajaxupload.js"></script>
    <script type="text/javascript" src="./js/jquery/jquery.validate.js"></script>
  <script type="text/javascript" src="<%=path%>/js/jquery/additional-methods.min.js"></script>
  <script type="text/javascript" src="<%=path%>/js/jquery/jquery.metadata.js"></script>
  <script type="text/javascript">
  var menuDoFlg = false;
  $(document).ready(function(){
 //add confirm flag  start
 $("#confirmFlg").val("true");
 $("body").find("input,select,textarea").live('change', function(){
  //do flag
  menuDoFlg = true;
 }); 
 //add confirm flag  end
 //advancedBtn button show  additional information 
 $("#advancedBtn").click(function(){
  $("#advancedTog").slideToggle("fast");
 });
 /* ico update   delete  3
 //Publisher ajax request company's ico
 $("#companyID").change(function(){
  var url = $("#urlrequest").val()+"/searchICOURLinfoAction.do?companyID="+$("#companyID").val();
  $.ajax({
         url: url,
         type:'post',
         dataType:"json",
         success:function (data){
    if(data.message=="success"){
       $("#iconURL").val(data.companyICOURLinfo.iconURL);
       $("#iconURLS").val(data.companyICOURLinfo.iconurls);
       $("#iconURLU").val(data.companyICOURLinfo.iconurlu);
    }
      }
        });
 });
 */
 //decide flag for new.jsp(preview)\reuse.jsp(preview)\edit.jsp
 if($("#neworeditFlag").val()=="new"){
  $("#pageid").text("New Ads");
  $("title").val("New Ads");
  document.title="New Ads";
  $("#adsNametxt").removeAttr("readonly");
  $("#adsNametxt").bind("keydown");
  $("#accessState").val("first");
  //do flag
  menuDoFlg = true;  
 }else if($("#neworeditFlag").val()=="reuse"){
  $("#pageid").text("Reuse Ads");
  $("title").val("Reuse Ads");
  document.title="Reuse Ads";
  $("#adsNametxt").removeAttr("readonly");
  $("#adsNametxt").bind("keydown");
  //do flag
  menuDoFlg = true;  
 }else{
  $("#pageid").text("Edit Ads");
  $("title").val("Edit Ads");
  document.title="Edit Ads";
  $("#neworeditFlag").val("edit");
  $("#adsNametxt").attr("readonly","readonly");
  $("#adsNametxt").keydown(function(){
   return   false;
  });
 }
 
    var newItem = $('#newItem');
    //Line up multiselect
 var elLineUp= $("#targetLineUpCheckBox").multiselect({
  header: true,
  minWidth: 146,
  height: 100,
  Options:true,
  noneSelectedText: 'Line Up',
  selectedText: 'Line Up',
  checkAll:function(event){
  //do flag
  menuDoFlg = true;
  //check all models of Line up by clicked
     //$.each(event.target.options,function(i,item){
      var linestr = $.map(elModels.multiselect("getChecked"), function( input ){
          return input.title;
      });
      //ajax request models target function parameter1: selected parameter2: short model(0) or full model(1)      
      chageLevel2fn(linestr,$("#modelType").val()=="0"?"short":"full");
     //});
  },
  uncheckAll:function(event){
   //do flag
   menuDoFlg = true; 
      //disabled
      elModels.empty();
      elModels.multiselect('refresh');
      elModels.multiselect('disable');
  },
  click: function(event, ui){
   //do flag
   menuDoFlg = true;
   //get models by clicked
      var linestr = $.map(elModels.multiselect("getChecked"), function( input ){
          return input.title;
      });
     //ajax request models target function parameter1: selected parameter2: short model(0) or full model(1)      
     chageLevel2fn(linestr,$("#modelType").val()=="0"?"short":"full");
    }
 });
 //Models multiselect
 var elModels= $("#targetModelsCheckBox").multiselect({
  header: true,
  minWidth: 146,
  height: 100,
   noneSelectedText: 'Models',
   selectedText: 'Models'
 });
 //Country multiselect
 var elCountry= $("#targetCountryCheckBox").multiselect({
  header: true,
  minWidth: 146,
  height: 100,
  noneSelectedText: 'Country',
  selectedText: 'Country',
  checkAll:function(event){
  //do flag
  menuDoFlg = true;
  //check all languages of Country by clicked
     //$.each(event.target.options,function(i,item){
      var selstr = $.map(elLanguage.multiselect("getChecked"), function( input ){
          return input.title;
      });

      //get blue language value
         $("#"+$(".Button_langblue").val()+"_title").val($("#titleTxt1").val());
      $("#"+$(".Button_langblue").val()+"_message").val($("#messageTxt1").val());
      $("#"+$(".Button_langblue").val()+"_pictureshow").val($("#uploadpictureShow").val());
      $("#"+$(".Button_langblue").val()+"_action").val($("#actionTxt1").val());
      $("#"+$(".Button_langblue").val()+"_targetOperations").val($("#targetOperationCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_targetParameters").val($("#targetParameters").val());
      $("#"+$(".Button_langblue").val()+"_targetDirectory").val($("#targetDirectory").val());
      $("#"+$(".Button_langblue").val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());
      //ajax request language target function parameter1: selected       
      chageLevel4fn(selstr,false);
      //});
      //remove disabled
      $("#titleTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#advancedBtn").removeAttr("disabled");
      $("#messageTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#actionTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#uploadpictureShow").css({background: "#FFFFFF"});
      $("#uploadpicture").css('display','block');
  },
  uncheckAll:function(event){
   //do flag
   menuDoFlg = true;
     //disabled
     elLanguage.empty();
     elLanguage.multiselect('refresh');
     elLanguage.multiselect('disable');
     $("#hiddenshow").empty();
     $("#langButtonDiv").empty();
     $("#titleTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
     $("#advancedBtn").attr('disabled',"true");
     $("#messageTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
     $("#actionTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
     $("#uploadpictureShow").css({background: "#f0f0f0"}).val("");
     $("#uploadpicture").css('display','none');
      $("#targetOperationCheckBox").val("open");
      $("#targetParameters").val("");
      $("#targetDirectory").val("");
      $("#targetDisplayCheckBox").val("1");
      $("#RegKeyDisplay").val("");
      $("#regKeyDoNotDisplay").val("");
      $("#languageStr").val("");
      $("#deldiv").empty();
     //validate331  empty error
      $("#titleTxt1").removeClass("error").parent().next().next().empty();
      $("#messageTxt1").removeClass("error").parent().next().next().empty();
      $("#actionTxt1").removeClass("error").parent().next().next().empty();
      //default 8 start
      $("#defaultPictureU").val("");
      $("#defaultPictureS").val("");
      $("#defaultAction").val("");
      $("#defaultFlag").val("0");
      //default 8 end
      //disabled advancedBtn 1
   $("#advancedTog").hide();
  },  
  click: function(event, ui){
   //do flag
   menuDoFlg = true; 
    $("#"+$(".Button_langblue").val()+"_title").val($("#titleTxt1").val());
    $("#"+$(".Button_langblue").val()+"_message").val($("#messageTxt1").val());
    $("#"+$(".Button_langblue").val()+"_pictureshow").val($("#uploadpictureShow").val());
    $("#"+$(".Button_langblue").val()+"_action").val($("#actionTxt1").val());
    $("#"+$(".Button_langblue").val()+"_targetOperations").val($("#targetOperationCheckBox").val());
    $("#"+$(".Button_langblue").val()+"_targetParameters").val($("#targetParameters").val());
    $("#"+$(".Button_langblue").val()+"_targetDirectory").val($("#targetDirectory").val());
    $("#"+$(".Button_langblue").val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
    $("#"+$(".Button_langblue").val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
    $("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());
     //get Country clicked
     var counstr = $.map(elCountry.multiselect("getChecked"), function( input ){
            return input.title;
        });
     //get Language clicked
     var selstr = $.map(elLanguage.multiselect("getChecked"), function( input ){
             return input.title;
        });
        if(ui.checked){
      //remove disabled
      $("#titleTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#advancedBtn").removeAttr("disabled");
      $("#messageTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#actionTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#uploadpictureShow").css({background: "#FFFFFF"});
      $("#uploadpicture").css('display','block');
        }
     //country target is not selected, initialize page
     if(counstr==""||counstr==null){
       $("#hiddenshow").empty();
       $("#langButtonDiv").empty();
    elLanguage.empty();
    elLanguage.multiselect('refresh');
       $("#titleTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
       $("#advancedBtn").attr('disabled',"true");
       $("#messageTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
       $("#actionTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
       $("#uploadpictureShow").css({background: "#f0f0f0"}).val("");
       $("#uploadpicture").css('display','none');
       $("#targetOperationCheckBox").val("open");
       $("#targetParameters").val("");
       $("#targetDirectory").val("");
       $("#targetDisplayCheckBox").val("1");
       $("#RegKeyDisplay").val("");
       $("#regKeyDoNotDisplay").val("");
       $("#languageStr").val("");
       $("#deldiv").empty();
      //validate332  empty error
       $("#titleTxt1").removeClass("error").parent().next().next().empty();
       $("#messageTxt1").removeClass("error").parent().next().next().empty();
       $("#actionTxt1").removeClass("error").parent().next().next().empty();      
    //default 5  default information
       $("#defaultPictureU").val("");
       $("#defaultPictureS").val("");
       $("#defaultAction").val("");
       $("#defaultFlag").val("0");
       //default 5 end
          //disabled advancedBtn 2
       $("#advancedTog").hide();      
   }
     //ajax request language target function parameter1: selected  
     chageLevel4fn(selstr,false);
    }
 });
 //Language multiselect
 var elLanguage= $("#targetLanguageCheckBox").multiselect({
  header: true,
  minWidth: 146,
  height: 100,
  noneSelectedText: 'Language',
  selectedText: 'Language',
  checkAll:function(event){
   //do flag
   menuDoFlg = true;
      var selstr = $.map(elLanguage.multiselect("getChecked"), function( input ){
          return input.title;
      });
      //get blue language value
         $("#"+$(".Button_langblue").val()+"_title").val($("#titleTxt1").val());
      $("#"+$(".Button_langblue").val()+"_message").val($("#messageTxt1").val());
      $("#"+$(".Button_langblue").val()+"_pictureshow").val($("#uploadpictureShow").val());
      $("#"+$(".Button_langblue").val()+"_action").val($("#actionTxt1").val());
      $("#"+$(".Button_langblue").val()+"_targetOperations").val($("#targetOperationCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_targetParameters").val($("#targetParameters").val());
      $("#"+$(".Button_langblue").val()+"_targetDirectory").val($("#targetDirectory").val());
      $("#"+$(".Button_langblue").val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());      
      //ajax request language target function parameter1: selected    
      chageLevel4fn(selstr,false);
      //remove disabled
      $("#titleTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#advancedBtn").removeAttr("disabled");
      $("#messageTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#actionTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
      $("#uploadpictureShow").css({background: "#FFFFFF"});
      $("#uploadpicture").css('display','block');
  },
  uncheckAll:function(event){
   //do flag
   menuDoFlg = true;
      //disabled
      $("#hiddenshow").empty();
      $("#langButtonDiv").empty();
      $("#titleTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
      $("#advancedBtn").attr('disabled',"true");
      $("#messageTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
      $("#actionTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
      $("#uploadpictureShow").css({background: "#f0f0f0"}).val("");
      $("#uploadpicture").css('display','none');
      $("#targetOperationCheckBox").val("open");
      $("#targetParameters").val("");
      $("#targetDirectory").val("");
      $("#targetDisplayCheckBox").val("1");
      $("#RegKeyDisplay").val("");
      $("#regKeyDoNotDisplay").val("");
      $("#languageStr").val("");
      $("#deldiv").empty();
   //validate333  empty error
      $("#titleTxt1").removeClass("error").parent().next().next().empty();
      $("#messageTxt1").removeClass("error").parent().next().next().empty();
      $("#actionTxt1").removeClass("error").parent().next().next().empty();     
      //default 8 start
      $("#defaultPictureU").val("");
      $("#defaultPictureS").val("");
      $("#defaultAction").val("");
      $("#defaultFlag").val("0");
      //default 8 end
      //disabled advancedBtn 3
   $("#advancedTog").hide();     
  },
  click:function(event, ui){
   //do flag
   menuDoFlg = true;
     //validate1  empty error
     $("#titleTxt1").removeClass("error").parent().next().next().empty();
     $("#messageTxt1").removeClass("error").parent().next().next().empty();
     $("#actionTxt1").removeClass("error").parent().next().next().empty();

     $("#"+$(".Button_langblue").val()+"_title").val($("#titleTxt1").val());
     $("#"+$(".Button_langblue").val()+"_message").val($("#messageTxt1").val());
     $("#"+$(".Button_langblue").val()+"_pictureshow").val($("#uploadpictureShow").val());
     $("#"+$(".Button_langblue").val()+"_action").val($("#actionTxt1").val());
     $("#"+$(".Button_langblue").val()+"_targetOperations").val($("#targetOperationCheckBox").val());
     $("#"+$(".Button_langblue").val()+"_targetParameters").val($("#targetParameters").val());
     $("#"+$(".Button_langblue").val()+"_targetDirectory").val($("#targetDirectory").val());
     $("#"+$(".Button_langblue").val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
     $("#"+$(".Button_langblue").val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
     $("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());
     //validate1 end
     //default 9 set default start      
         if($("#defaultFlag").val()=="0"&&($("#titleTxt1").val()!=""||$("#messageTxt1").val()!=""||$("#actionTxt1").val()!=""||$("#uploadpictureShow").val()!="")){
          $("#defaultPictureU").val($("#"+$(".Button_langblue").val()+"_pictureshow").val());
          $("#defaultPictureS").val($("#"+$(".Button_langblue").val()+"_picture").val());
          $("#defaultAction").val($("#"+$(".Button_langblue").val()+"_action").val());
          $("#defaultFlag").val("1");
         }
            //default 9 set default end  
   $("#langButtonDiv").empty();
   //get selected languages
   var array_of_checked_values = $("#targetLanguageCheckBox").multiselect("getChecked").map(function(){return $(this).parent().children("span").text();}).get();
   var i=0;
   var targetFlg = false;
   var content;
   var languageStr="";
   //each language create button and value
   for(i in array_of_checked_values){
       if (i == 0){//first language
          $("#langButtonDiv").append("<input type='button' class='Button_langblue' id='"+array_of_checked_values[i]+"' name='"+array_of_checked_values[i]+"' value='"+array_of_checked_values[i]+"'/>   ");
          targetFlg = true;
       $("#titleTxt1").val($("#"+$(".Button_langblue").val()+"_title").val());
       $("#messageTxt1").val($("#"+$(".Button_langblue").val()+"_message").val());
       $("#uploadpictureShow").val($("#"+$(".Button_langblue").val()+"_pictureshow").val());
       $("#actionTxt1").val($("#"+$(".Button_langblue").val()+"_action").val());
       $("#targetOperationCheckBox").attr("value",$("#"+$(".Button_langblue").val()+"_targetOperations").val());
       $("#targetParameters").val($("#"+$(".Button_langblue").val()+"_targetParameters").val());
       $("#targetDirectory").val($("#"+$(".Button_langblue").val()+"_targetDirectory").val());
       $("#targetDisplayCheckBox").val($("#"+$(".Button_langblue").val()+"_targetDisplay").val());
       $("#regKeyDisplay").val($("#"+$(".Button_langblue").val()+"_regKeyDisplay").val());
       $("#regKeyDoNotDisplay").val($("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val());
    } else {
          $("#langButtonDiv").append("<input type='button' class='Button_langwhite' id='"+array_of_checked_values[i]+"' name='"+array_of_checked_values[i]+"' value='"+array_of_checked_values[i]+"'/>   ");
    }
       //produce string
       languageStr+=array_of_checked_values[i]+",";
       //attaching event for language buttons
       $("#"+array_of_checked_values[i]).click(function(){
        
        $("#langButtonDiv").find("input").each(function () {
         if($(this).attr('class')=="Button_langblue"){
          //validate2 start
          if($("#titleTxt1").val()==""||$("#titleTxt1").val()==null){
           $(this).css({"background-color": "#FF0000"}); 
          }
          if($("#messageTxt1").val()==""||$("#messageTxt1").val()==null){
           $(this).css({"background-color": "#FF0000"}); 
          }
          if($("#actionTxt1").val()==""||$("#actionTxt1").val()==null){
           $(this).css({"background-color": "#FF0000"}); 
          }         
          //validate2 end        
          $("#"+$(this).val()+"_title").val($("#titleTxt1").val());
          $("#"+$(this).val()+"_message").val($("#messageTxt1").val());
          $("#"+$(this).val()+"_pictureshow").val($("#uploadpictureShow").val());
          $("#"+$(this).val()+"_action").val($("#actionTxt1").val());
          $("#"+$(this).val()+"_targetOperations").val($("#targetOperationCheckBox").val());
          $("#"+$(this).val()+"_targetParameters").val($("#targetParameters").val());
          $("#"+$(this).val()+"_targetDirectory").val($("#targetDirectory").val());
          $("#"+$(this).val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
          $("#"+$(this).val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
          $("#"+$(this).val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());
          //default 1 start
               if($("#defaultFlag").val()=="0"){
                $("#defaultPictureU").val($("#"+$(this).val()+"_pictureshow").val());
                $("#defaultPictureS").val($("#"+$(this).val()+"_picture").val());
                $("#defaultAction").val($("#"+$(this).val()+"_action").val());
                $("#defaultFlag").val("1");
              }
               //default 1 end
          $(this).removeClass("Button_langblue").addClass("Button_langwhite");
          return false; 
       }
         });
        $(this).removeClass("Button_langwhite").addClass("Button_langblue");
        if($("#"+$(this).attr("id")+"_targetOperations").val()!=""){
         $("#targetOperationCheckBox").attr("value",$("#"+$(this).attr("id")+"_targetOperations").val());
      }else{
        $("#targetOperationCheckBox").attr("value","open");
         }
        if($("#"+$(this).attr("id")+"_targetOperations").val()!=""){
         $("#targetDisplayCheckBox").val($("#"+$(this).attr("id")+"_targetDisplay").val());
      }else{
        $("#targetDisplayCheckBox").val("1");
         }
        
        //default 3 start
        if($("#"+$(this).attr("id")+"_pictureshow").val()!=null&&$("#"+$(this).attr("id")+"_pictureshow").val()!=""){
        $("#uploadpictureShow").val($("#"+$(this).attr("id")+"_pictureshow").val());
        }else if($("#"+$(this).attr("id")+"_title").val()==""&&$("#"+$(this).attr("id")+"_message").val()==""&&$("#"+$(this).attr("id")+"_action").val()==""&&$("#"+$(this).attr("id")+"_pictureshow").val()==""){
        $("#uploadpictureShow").val($("#defaultPictureU").val());
        $("#"+$(this).attr("id")+"_picture").val($("#defaultPictureS").val())
        }else{
        $("#uploadpictureShow").val("");   
        }

        if($("#"+$(this).attr("id")+"_action").val()!=null&&$("#"+$(this).attr("id")+"_action").val()!=""){
        $("#actionTxt1").val($("#"+$(this).attr("id")+"_action").val());
        }else if($("#"+$(this).attr("id")+"_title").val()==""&&$("#"+$(this).attr("id")+"_message").val()==""&&$("#"+$(this).attr("id")+"_action").val()==""&&$("#"+$(this).attr("id")+"_pictureshow").val()==""){
        $("#actionTxt1").val($("#defaultAction").val());
        }else{
        $("#actionTxt1").val(""); 
        }
        //default 3 end         
        $("#titleTxt1").val($("#"+$(this).attr("id")+"_title").val());
        $("#messageTxt1").val($("#"+$(this).attr("id")+"_message").val());
        $("#targetParameters").val($("#"+$(this).attr("id")+"_targetParameters").val());
        $("#targetDirectory").val($("#"+$(this).attr("id")+"_targetDirectory").val());
        $("#regKeyDisplay").val($("#"+$(this).attr("id")+"_regKeyDisplay").val());
        $("#regKeyDoNotDisplay").val($("#"+$(this).attr("id")+"_regKeyDoNotDisplay").val());
       
         if($("#"+$(".Button_langblue").val()+"_picture").val()!=null&&$("#"+$(".Button_langblue").val()+"_picture").val()!=""){
          $("#deldiv").empty().append("&nbsp;&nbsp;"+"<input type='button' class='delbotton'  id='"+$(".Button_langblue").val()+"_delbutton' name = '"+$(".Button_langblue").val()+"_delbutton' value='Delete'/>   ");
          $("#"+$(".Button_langblue").val()+"_delbutton").click(function(){
        //do flag
        menuDoFlg = true;
           $("#deldiv").empty();
           $("#uploadpictureShow").val("");
           $("#"+$(".Button_langblue").val()+"_picture").val("");
           $("#"+$(".Button_langblue").val()+"_pictureshow").val("");
       });
         }else{
          $("#deldiv").empty();
      }
         //validate3 start
         if($(this).css("background-color")=="RGB\(255, 0, 0\)"||$(this).css("background-color")=="rgb\(255, 0, 0\)"||$(this).css("background-color")=="#ff0000"||$(this).css("background-color")=="#FF0000"){        
        $("#titleTxt1").trigger("focusout");
        $("#messageTxt1").trigger("focusout");
        $("#actionTxt1").trigger("focusout");
         }else{
          $("#titleTxt1").removeClass("error").parent().next().next().empty();
          $("#messageTxt1").removeClass("error").parent().next().next().empty();
          $("#actionTxt1").removeClass("error").parent().next().next().empty();
       }
          //validate3 end
      });
   }
   //language empty
   if(i==0&&$("#languageStr").val().split(",").length==1){
    $("#titleTxt1").val($("#"+array_of_checked_values[0]+"_title").val());
    $("#messageTxt1").val($("#"+array_of_checked_values[0]+"_message").val());
    $("#actionTxt1").val($("#"+array_of_checked_values[0]+"_action").val());
    $("#uploadpictureShow").val($("#"+array_of_checked_values[0]+"_pictureshow").val());
    //disabled
       $("#titleTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
       $("#advancedBtn").attr('disabled',"true");
       $("#messageTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
       $("#actionTxt1").attr('disabled',"true").css({background: "#f0f0f0"}).val("");
       $("#uploadpictureShow").css({background: "#f0f0f0"}).val("");
       $("#uploadpicture").css('display','none');
       $("#targetOperationCheckBox").val("open");
       $("#targetParameters").val("");
       $("#targetDirectory").val("");
       $("#targetDisplayCheckBox").val("1");
       $("#RegKeyDisplay").val("");
       $("#regKeyDoNotDisplay").val("");
       $("#languageStr").val("");
       $("#deldiv").empty();
      //validate334  empty error
       $("#titleTxt1").removeClass("error").parent().next().next().empty();
       $("#messageTxt1").removeClass("error").parent().next().next().empty();
       $("#actionTxt1").removeClass("error").parent().next().next().empty();      
       //default 6 start
       $("#defaultPictureU").val("");
       $("#defaultPictureS").val("");
       $("#defaultAction").val("");
       $("#defaultFlag").val("0");
       //default 6 end 
          //disabled advancedBtn 4
       $("#advancedTog").hide();       
   }
   languageStr = languageStr.substring(0,languageStr.length-1);
   $("#languageStr").val(languageStr);
   if(!ui.checked){//cancel checked
        $("#hiddenshow").children().each(function () {
     if(ui.text==$(this).attr("id").substring(0,$(this).attr("id").indexOf("_"))){
      $(this).remove();
     }
    });
       //default 7 start
    if($("#uploadpictureShow").val()==""||$("#uploadpictureShow").val()==null){
        $("#deldiv").empty();
    }
       if($("#"+$(".Button_langblue").val()+"_picture").val()!=null&&$("#"+$(".Button_langblue").val()+"_picture").val()!=""){
        $("#deldiv").empty().append("&nbsp;&nbsp;"+"<input type='button' class='delbotton' id='"+$(".Button_langblue").val()+"_delbutton' name = '"+$(".Button_langblue").val()+"_delbutton' value='Delete'/>   ");
        $("#"+$(".Button_langblue").val()+"_delbutton").click(function(){
      //do flag
      menuDoFlg = true;
         $("#deldiv").empty();
         $("#uploadpictureShow").val("");
         $("#"+$(".Button_langblue").val()+"_picture").val("");
         $("#"+$(".Button_langblue").val()+"_pictureshow").val("");
     });
       }else{
        $("#deldiv").empty();
    }
       //default 7 end      
   }else if(ui.checked){//checked
    if(i==0){
     $("#hiddenshow").empty();
    };
    var lanFlag = true;
        $("#hiddenshow").children().each(function () {
      if(ui.text==$(this).attr("id").substring(0,$(this).attr("id").indexOf("_"))){
       $(this).empty();
       lanFlag=false;
      }
    });
    content=
     "<input type='hidden'  name='"+ui.text+"_title' id='"+ui.text+"_title'  />"+
     "<input type='hidden'  name='"+ui.text+"_message' id='"+ui.text+"_message'  />"+
     "<input type='hidden'  name='"+ui.text+"_picture' id='"+ui.text+"_picture' value='"+$("#defaultPictureS").val()+"' />"+
     "<input type='hidden'  name='"+ui.text+"_pictureshow' id='"+ui.text+"_pictureshow' value='"+$("#defaultPictureU").val()+"' />"+
     "<input type='hidden'  name='"+ui.text+"_action' id='"+ui.text+"_action' value='"+$("#defaultAction").val()+"' />"+
     "<input type='hidden'  name='"+ui.text+"_targetOperations' id='"+ui.text+"_targetOperations'  />"+
     "<input type='hidden'  name='"+ui.text+"_targetParameters' id='"+ui.text+"_targetParameters'  />"+
     "<input type='hidden'  name='"+ui.text+"_targetDirectory' id='"+ui.text+"_targetDirectory'  />"+
     "<input type='hidden'  name='"+ui.text+"_targetDisplay' id='"+ui.text+"_targetDisplay'  />"+
     "<input type='hidden'  name='"+ui.text+"_regKeyDisplay' id='"+ui.text+"_regKeyDisplay'  />"+
     "<input type='hidden'  name='"+ui.text+"_regKeyDoNotDisplay' id='"+ui.text+"_regKeyDoNotDisplay'  />";
    //default 10 start
    if(ui.text==$(".Button_langblue").val()){
     if($("#defaultFlag").val()=="1"){
        if($("#"+ui.text+"_pictureshow").val()!=null&&$("#"+ui.text+"_pictureshow").val()!=""){
         $("#uploadpictureShow").val($("#"+ui.text+"_pictureshow").val());
         }else{
         $("#uploadpictureShow").val($("#defaultPictureU").val());
         $("#"+ui.text+"_picture").val($("#defaultPictureS").val())
         }

         if($("#"+ui.text+"_action").val()!=null&&$("#"+ui.text+"_action").val()!=""){
         $("#actionTxt1").val($("#"+ui.text+"_action").val());
         }else{
         $("#actionTxt1").val($("#defaultAction").val());
         }
     }
    }
    //default 10 end
    if(lanFlag){
      $("#hiddenshow").append(content);
    }
   }
   if (targetFlg) {
     $("#titleTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
     $("#advancedBtn").removeAttr("disabled");
     $("#messageTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
     $("#actionTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
     $("#uploadpictureShow").css({background: "#FFFFFF"});
     $("#uploadpicture").css('display','block');
   }
  }
 });
 //language function
 function chageLevel4fn(val,firstFlg){
     var url = $("#urlrequest").val()+"/changeComboxAction.do";
     var dataStr = 'selectedValLan='+$.map(elCountry.multiselect("getChecked"), function( input ){
            return input.value;
        });
        if ('selectedValLan='==dataStr) {
           elLanguage.multiselect('disable');
        } else {
        elCountry.multiselect('disable');
     elLanguage.multiselect('disable');
    
     $.ajax({
        url: url,
        type:'post',
        data:dataStr,
        success:function (data){
   elLanguage.empty();
   elLanguage.multiselect('refresh');
      var obj = jQuery.parseJSON(data);
      var tarParam = obj.items;
      var key = val+"";
     
      var languageChange = "";
      $.each(tarParam,function(i,item){
          var optionVal =  item.id;
          var optionLabel =  item.label;
          var optionflag = false;
          if(firstFlg){
           if(key.indexOf(item.label)>-1){
            optionflag = true;
           }
       }else{
        optionflag = true;
    }
    var v = newItem.val(), opt = $('<option />', {
     value: optionVal,
     text: optionLabel,
     selected:optionflag
    });
    if(optionflag){
     languageChange +=item.label+",";
    }
    opt.appendTo(elLanguage);
    
       });
      elLanguage.multiselect('refresh');
       if(languageChange!=""){
       languageChange = languageChange.substring(0,languageChange.length-1);
       }
      if(languageChange.length>0){
       //all sign end 2
          if($("#defaultFlag").val()=="0"&&($("#titleTxt1").val()!=""||$("#messageTxt1").val()!=""||$("#actionTxt1").val()!=""||$("#uploadpictureShow").val()!="")){       
           $("#defaultPictureU").val($("#"+$(".Button_langblue").val()+"_pictureshow").val());
           $("#defaultPictureS").val($("#"+$(".Button_langblue").val()+"_picture").val());
           $("#defaultAction").val($("#"+$(".Button_langblue").val()+"_action").val());
           $("#defaultFlag").val("1");
          }
          //all sign end 2      
       $("#langButtonDiv").empty();
    $.each(languageChange.split(","),function(i,item){
     //all sign start 1
     var content1=
      "<input type='hidden'  name='"+item+"_title' id='"+item+"_title'  />"+
      "<input type='hidden'  name='"+item+"_message' id='"+item+"_message'  />"+
      "<input type='hidden'  name='"+item+"_picture' id='"+item+"_picture' value='"+$("#defaultPictureS").val()+"'  />"+
      "<input type='hidden'  name='"+item+"_pictureshow' id='"+item+"_pictureshow' value='"+$("#defaultPictureU").val()+"'  />"+
      "<input type='hidden'  name='"+item+"_action' id='"+item+"_action' value='"+$("#defaultAction").val()+"'  />"+
      "<input type='hidden'  name='"+item+"_targetOperations' id='"+item+"_targetOperations'  />"+
      "<input type='hidden'  name='"+item+"_targetParameters' id='"+item+"_targetParameters'  />"+
      "<input type='hidden'  name='"+item+"_targetDirectory' id='"+item+"_targetDirectory'  />"+
      "<input type='hidden'  name='"+item+"_targetDisplay' id='"+item+"_targetDisplay'  />"+
      "<input type='hidden'  name='"+item+"_regKeyDisplay' id='"+item+"_regKeyDisplay'  />"+
      "<input type='hidden'  name='"+item+"_regKeyDoNotDisplay' id='"+item+"_regKeyDoNotDisplay'  />";
      if($("#languageStr").val()!=null&&$("#languageStr").val()!=""){
       if(!($("#languageStr").val().indexOf(item)>-1)){
       $("#hiddenshow").append(content1);
       }
      }else{
       $("#hiddenshow").append(content1); 
      }
       //all sign end 1
     if(i==0){
           $("#langButtonDiv").append("<input type='button' class='Button_langblue' id='"+item+"' name='"+item+"' value='"+item+"'/>   ");
        $("#titleTxt1").val($("#"+$(".Button_langblue").val()+"_title").val());
        $("#messageTxt1").val($("#"+$(".Button_langblue").val()+"_message").val());
        $("#uploadpictureShow").val($("#"+$(".Button_langblue").val()+"_pictureshow").val());
        $("#actionTxt1").val($("#"+$(".Button_langblue").val()+"_action").val());
        $("#targetOperationCheckBox").attr("value",$("#"+$(".Button_langblue").val()+"_targetOperations").val());
        $("#targetParameters").val($("#"+$(".Button_langblue").val()+"_targetParameters").val());
        $("#targetDirectory").val($("#"+$(".Button_langblue").val()+"_targetDirectory").val());
        $("#targetDisplayCheckBox").val($("#"+$(".Button_langblue").val()+"_targetDisplay").val());
        $("#regKeyDisplay").val($("#"+$(".Button_langblue").val()+"_regKeyDisplay").val());
        $("#regKeyDoNotDisplay").val($("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val());
        if($("#"+$(".Button_langblue").val()+"_pictureshow").val()!=null&&$("#"+$(".Button_langblue").val()+"_pictureshow").val()!=""){
         $("#deldiv").empty().append("&nbsp;&nbsp;"+"<input type='button' class='delbotton' id='"+$(".Button_langblue").val()+"_delbutton' name = '"+$(".Button_langblue").val()+"_delbutton' value='Delete'/>   ");
          $("#"+$(".Button_langblue").val()+"_delbutton").click(function(){
        //do flag
        menuDoFlg = true;
           $("#deldiv").empty();
           $("#uploadpictureShow").val("");
           $("#"+$(".Button_langblue").val()+"_picture").val("");
           $("#"+$(".Button_langblue").val()+"_pictureshow").val("");
       });
        }
     }else{
      $("#langButtonDiv").append("<input type='button' class='Button_langwhite' id='"+item+"' name='"+item+"' value='"+item+"'/>   ");
     }
        $("#"+item).click(function(){
         $("#langButtonDiv").find("input").each(function () {
          if($(this).attr('class')=="Button_langblue"){
           //validate21 start
           if($("#titleTxt1").val()==""||$("#titleTxt1").val()==null){
            $(this).css({"background-color": "#FF0000"}); 
           }
           if($("#messageTxt1").val()==""||$("#messageTxt1").val()==null){
            $(this).css({"background-color": "#FF0000"}); 
           }
           if($("#actionTxt1").val()==""||$("#actionTxt1").val()==null){
            $(this).css({"background-color": "#FF0000"}); 
           }          
           //validate21 end
           $("#"+$(this).val()+"_title").val($("#titleTxt1").val());
           $("#"+$(this).val()+"_message").val($("#messageTxt1").val());
           $("#"+$(this).val()+"_pictureshow").val($("#uploadpictureShow").val());
           $("#"+$(this).val()+"_action").val($("#actionTxt1").val());
           $("#"+$(this).val()+"_targetOperations").val($("#targetOperationCheckBox").val());
           $("#"+$(this).val()+"_targetParameters").val($("#targetParameters").val());
           $("#"+$(this).val()+"_targetDirectory").val($("#targetDirectory").val());
           $("#"+$(this).val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
           $("#"+$(this).val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
           $("#"+$(this).val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());
            //show click button value
                if($("#defaultFlag").val()=="0"){
                 $("#defaultPictureU").val($("#"+$(this).val()+"_pictureshow").val());
                 $("#defaultPictureS").val($("#"+$(this).val()+"_picture").val());
                 $("#defaultAction").val($("#"+$(this).val()+"_action").val());
                 $("#defaultFlag").val("1");
               }          
           $(this).removeClass("Button_langblue").addClass("Button_langwhite");
           return false; 
        }
          });
         $(this).removeClass("Button_langwhite").addClass("Button_langblue");
         if($("#"+$(this).attr("id")+"_targetOperations").val()!=""){
          $("#targetOperationCheckBox").attr("value",$("#"+$(this).attr("id")+"_targetOperations").val());
       }else{
         $("#targetOperationCheckBox").attr("value","open");
          }
         if($("#"+$(this).attr("id")+"_targetOperations").val()!=""){
          $("#targetDisplayCheckBox").val($("#"+$(this).attr("id")+"_targetDisplay").val());
       }else{
         $("#targetDisplayCheckBox").val("1");
          }
         //default 4
         if($("#"+$(this).attr("id")+"_pictureshow").val()!=null&&$("#"+$(this).attr("id")+"_pictureshow").val()!=""){
         $("#uploadpictureShow").val($("#"+$(this).attr("id")+"_pictureshow").val());
         }else if($("#"+$(this).attr("id")+"_title").val()==""&&$("#"+$(this).attr("id")+"_message").val()==""&&$("#"+$(this).attr("id")+"_action").val()==""&&$("#"+$(this).attr("id")+"_pictureshow").val()==""){
         $("#uploadpictureShow").val($("#defaultPictureU").val());
         $("#"+$(this).attr("id")+"_picture").val($("#defaultPictureS").val())
         }else{
          $("#uploadpictureShow").val("");
         }

         if($("#"+$(this).attr("id")+"_action").val()!=null&&$("#"+$(this).attr("id")+"_action").val()!=""){
         $("#actionTxt1").val($("#"+$(this).attr("id")+"_action").val());
         }else if($("#"+$(this).attr("id")+"_title").val()==""&&$("#"+$(this).attr("id")+"_message").val()==""&&$("#"+$(this).attr("id")+"_action").val()==""&&$("#"+$(this).attr("id")+"_pictureshow").val()==""){
         $("#actionTxt1").val($("#defaultAction").val());
         }else{
          $("#actionTxt1").val("");
         }         
         $("#titleTxt1").val($("#"+$(this).attr("id")+"_title").val());
         $("#messageTxt1").val($("#"+$(this).attr("id")+"_message").val());
         $("#targetParameters").val($("#"+$(this).attr("id")+"_targetParameters").val());
         $("#targetDirectory").val($("#"+$(this).attr("id")+"_targetDirectory").val());
         $("#regKeyDisplay").val($("#"+$(this).attr("id")+"_regKeyDisplay").val());
         $("#regKeyDoNotDisplay").val($("#"+$(this).attr("id")+"_regKeyDoNotDisplay").val());
       
          if($("#"+$(".Button_langblue").val()+"_picture").val()!=null&&$("#"+$(".Button_langblue").val()+"_picture").val()!=""){
           $("#deldiv").empty().append("&nbsp;&nbsp;"+"<input type='button' class='delbotton' id='"+$(".Button_langblue").val()+"_delbutton' name = '"+$(".Button_langblue").val()+"_delbutton' value='Delete'/>   ");
           $("#"+$(".Button_langblue").val()+"_delbutton").click(function(){
         //do flag
         menuDoFlg = true;
            $("#deldiv").empty();
            $("#uploadpictureShow").val("");
            $("#"+$(".Button_langblue").val()+"_picture").val("");
            $("#"+$(".Button_langblue").val()+"_pictureshow").val("");
        });
          }else{
           $("#deldiv").empty();
       }
       //validate31
          if($(this).css("background-color")=="RGB\(255, 0, 0\)"||$(this).css("background-color")=="rgb\(255, 0, 0\)"||$(this).css("background-color")=="#ff0000"||$(this).css("background-color")=="#FF0000"){        
         $("#titleTxt1").trigger("focusout");
         $("#messageTxt1").trigger("focusout");
         $("#actionTxt1").trigger("focusout");
          }else{
           $("#titleTxt1").removeClass("error").parent().next().next().empty();
           $("#messageTxt1").removeClass("error").parent().next().next().empty();
           $("#actionTxt1").removeClass("error").parent().next().next().empty();
        }
        //validate31
     });
    });
      }
   $("#languageStr").val(languageChange);
      elCountry.multiselect('enable');
      elLanguage.multiselect('enable');
       $("#hiddenshow").children().each(function () {
     if($("#targetLanguageCheckBox").text().indexOf($(this).attr("id").substring(0,$(this).attr("id").indexOf("_")))<0){
      $(this).remove();
     }
    });
      }
        });
        }
     }
    
 function chageLevel2fn(val,modelType){
   var url = $("#urlrequest").val()+"/changeComboxAction.do";
        //add by liuyan start
       if(modelType!=null){
           //short to full
           var selectedShortVal;
           if ("full"==modelType) {
            selectedShortVal = $.map(elModels.multiselect("getChecked"), function( input ){return input.value;});
           }
   var dataStr = "selectedShortVal="+selectedShortVal+"&langButton="+modelType+'&selectedVal='+$.map(elLineUp.multiselect("getChecked"), function( input ){
             return input.value;
        });
  }else{
   var dataStr = 'selectedVal='+$.map(elLineUp.multiselect("getChecked"), function( input ){
             return input.value;
        });
  }
   //add by liuyan end
        if ('selectedVal='==dataStr) {
           elModels.multiselect('disable');
        } else {
             elLineUp.multiselect('disable');
     elModels.multiselect('disable');
     $.ajax({
        url: url,
        type:'post',
        data:dataStr,
        success:function(data){
       elModels.empty();
    elModels.multiselect('refresh');
       var obj = jQuery.parseJSON(data);
       var tarParam = obj.items;
       var chagekey = val+"";
       if(tarParam!=null&&tarParam!=""){
        $.each(tarParam,function(i,item){
            var optionVal =  item.id;
            var optionLabel =  item.label;
            var optionFlg =  item.flg;
            var chageoptionflag = false;
            if(chagekey.indexOf(item.label)>-1){
             chageoptionflag = true;
            }
            //short to full
            if(optionFlg=="1"){
             chageoptionflag = true;
         }
      var v = newItem.val(), opt = $('<option />', {
       value: optionVal,
       text: optionLabel,
       selected:chageoptionflag
      });
      opt.appendTo(elModels);
      
            });
        elModels.multiselect('refresh');
        elModels.multiselect('enable');
       }
       elLineUp.multiselect('enable');
         }
        });
        }
     }
     //add short button full button click event start  liuyan
     if($("#modelType").val()=="0"){
      $("#shortButton").attr("class","Button_Model_Light");
   $("#fullButton").attr("class","Button_Model_Yet");
  }else if($("#modelType").val()=="1"){
   $("#shortButton").attr("class","Button_Model_Yet");
     $("#fullButton").attr("class","Button_Model_Light");
  }
     $("#shortButton").click(
     function(){
     $("#shortButton").attr("class","Button_Model_Light");
     $("#fullButton").attr("class","Button_Model_Yet");
     if($("#modelType").val()=="1"){
      //do flag
      menuDoFlg = true;
      chageLevel2fn(null,"short");
     }
     $("#modelType").val("0");//short
     }
    );
    $("#fullButton").click(
     function(){
       $("#shortButton").attr("class","Button_Model_Yet");
       $("#fullButton").attr("class","Button_Model_Light");
       
       if($("#modelType").val()=="0"){
        //do flag
        menuDoFlg = true;
           chageLevel2fn(null,"full");
       }
       $("#modelType").val("1");//full
     }
    );
     //add short button full button click event  end
     //edit.jsp  Initialization assignment
  if($("#languageStr").val()!=null&&$("#languageStr").val()!=""&&$("#languageStr").val()!="null"){
     chageLevel4fn($("#languageStr").val(),true);
    $("#titleTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
    $("#advancedBtn").removeAttr("disabled");
    $("#messageTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
    $("#actionTxt1").removeAttr("disabled").css({background: "#FFFFFF"});
    $("#uploadpictureShow").css({background: "#FFFFFF"});
    $("#uploadpicture").css('display','block');
  }
  if($("#modelType").val()!=null&&$("#modelType").val()!=""){
   chageLevel2fn($("#modelStr").val(),$("#modelType").val()=="0"?"short":"full");
   }
    });
   $(document).ready(function(){
   /* ico update   delete  2  
      //upload ico/png
   new AjaxUpload('#uploadicon', {
    action: $("#urlrequest").val()+'/fileUploadAction.do?type=changeImg',
    name: 'myfile1',
    onSubmit:function(file, extension){ 
        if (!(extension && /^(ico|png)$/i.test(extension))) 
        { 
         alert("Please upload ico or png format file!"); 
         return false; 
        }else{
         $("#iconURLU").removeClass("error").parent().next().next().empty();
      } 
       },
    onComplete : function(file, response){
      if(response=="error1"){
       alert("The image file must be smaller than 1MB!");
       return false;  
      //}else if(response=="error2"){
      // alert("Upload image file error!"); 
      // return false; 
      }else{
       //do flag
       menuDoFlg = true;
       $("#iconURL").val(response.substring(0,response.indexOf("|")));
       $("#iconURLU").val(file);
       $("#iconURLS").val(response.substring(response.indexOf("|")+1,response.length));
      }
     } 
   });
   */   
   //upload picture  png|jpg|gif|bmp|jpeg
   new AjaxUpload('#uploadpicture', {
    action: $("#urlrequest").val()+'/fileUploadAction.do?type=picture',
    name: 'myfile2',
    onSubmit:function(file, extension){ 
        if (!(extension && /^(png|jpg|gif|bmp|jpeg)$/i.test(extension))) 
        { 
         alert("Pictures only support format of png, jpg, gif, bmp and jpeg!");
           return false; 
        } 
       },    
    onComplete : function(file, response){
      if(response=="error1"){
       alert("The image file must be smaller than 1MB!"); 
       return false; 
      }else{
       //do flag
       menuDoFlg = true;
       $("#"+$(".Button_langblue").val()+"_picture").val(response.substring(0,response.indexOf("|")));
       $("#"+$(".Button_langblue").val()+"_pictureshow").val(file);
          $("#uploadpictureShow").val(file);
          $("#deldiv").empty().append("&nbsp;&nbsp;"+"<input type='button' class='delbotton' id='"+$(".Button_langblue").val()+"_delbutton' name =  '"+$(".Button_langblue").val()+"_delbutton' value='Delete'/>   ");
          $("#"+$(".Button_langblue").val()+"_delbutton").click(function(){
        //do flag
        menuDoFlg = true;
           $("#deldiv").empty();
           $("#uploadpictureShow").val("");
           $("#"+$(".Button_langblue").val()+"_picture").val("");
           $("#"+$(".Button_langblue").val()+"_pictureshow").val("");
       });
      }
     } 
      });
  });
  
  //validate start
  $(document).ready(function(){
  //validate URL
  $.validator.addMethod("url", function(value, element) {
    return this.optional(element) || /(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)/.test(value);
    }, "url pattern is not correct!");
  //validate  char
  $.validator.addMethod("escapeString", function(value, element) {
    return this.optional(element) || !/[/\\:?*"<>|.]+/.test(value);
    }, "Ads name can't contain any of following characters: /\:?*\"<>|.");
  $.validator.addMethod("twoInteger", function(value, element) {
    return this.optional(element) || /^[0-9]{2}$/.test(value);
    }, "Please input two and only two digits!"); 
  //validate Display Interval writer: liuyan 2011-08-23
  $.validator.addMethod("IntervalValidate", function(value, element) {
   var success=true;
   var isDigit=true;
   // intervalValue=[weekValue,datValue,HourValue,MinValue]
   var intervalValue=[$("#displayInternalWeeks").val(),$("#displayInternalDays").val(),$("#displayInternalHours").val(),$("#displayInternalMins").val()];
   for(var m in intervalValue){
    //the value must be two integer
    if(!/^[0-9]{2}$/.test(intervalValue[m])){
     isDigit=false;
     break;
    }
   }
   if(isDigit){
   var interval=[parseInt($("#displayInternalWeeks").val(),10),parseInt($("#displayInternalDays").val(),10),parseInt($("#displayInternalHours").val(),10),parseInt($("#displayInternalMins").val(),10)];
   var timeCirle=[7,24,60];
   var intervalIndex=-1;
   //day 7,hour 24,min 60
   for(var i in interval){
    if(interval[i]>0){
     intervalIndex=i;
     break;
    }
   }
   
   
   if(intervalIndex!=-1){
    //success==true if week is not '00' ,the day <7, hour <24,min <60 and if week and day are not '00' ,the  hour<20 ,min <60 and so on.
    for(var j=parseInt(intervalIndex,10)+1;j<interval.length;j++ ){
      if(interval[j]>=timeCirle[j-1]){
       success=false;
       break;
      }
     }
   }
   
   if(success){
    // remove error class
    var intervalID=["displayInternalWeeks","displayInternalDays","displayInternalHours","displayInternalMins"];
    for(var k in intervalID){
     if(element.id!=intervalID[k]){
      $("#"+intervalID[k]).removeClass("error");
      //$("#"+intervalID[k]).trigger("focusout");
     }
    }
    $("#displayInternalMins").parent().next().next().children("label").remove();
   }
  }
   
   return this.optional(element) || (/^[0-9]{2}$/.test(value)&&isDigit&&success);
    }, "Please input correct format of time period!"); 
  
  //validate Display Interval writer: liuyan 2011-08-23
  
  // add by liu yan 2011-09-27 start
  function disabledButtons() {
    $("#submitBotton").attr("disabled",true);  
    $("#saveBotton").attr("disabled",true);  
    $("#previewBotton").attr("disabled",true);  
    $("#cancelBotton").attr("disabled",true); 
   }
  function enabledButtons() {
    $("#submitBotton").attr("disabled",false);  
    $("#saveBotton").attr("disabled",false);  
    $("#previewBotton").attr("disabled",false);  
    $("#cancelBotton").attr("disabled",false); 
   }

  var ignoreEndDateValidate=false;
  var ignoreAdsNameValidate=false;
  
  $("#endDatetxt").focusout(function(evt){
     //console.log(evt.target.value+"===="+$("#adsNametxt").val());
     if($.trim($("#endDatetxt").val())){
      $.ajax({
       type : "post",
       url : $("#urlrequest").val()+"/checkDateAction.do",
       data : {endDatetxt:$("#endDatetxt").val()},
       dataType : "json",
       success : function(data) {
        if(true==data){
         //remove error class
        }else{
         validator.showErrors({"endDatetxt":"End date must be greater than current date"});
        }
       }
      });
     }
   });
  
  // add by liu yan 2011-09-27 end
  
   if($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse"){
    //add by liuyan 2011-09-27 start
     $("#adsNametxt").focusout(function(evt){
      //console.log(evt.target.value+"===="+$("#adsNametxt").val());
      if($.trim($("#adsNametxt").val()).length>0&&!/[/\\:?*"<>|.]+/.test($.trim($("#adsNametxt").val()))){
       $.ajax({
        type : "post",
        url : $("#urlrequest").val()+"/checkAdsNameAction.do",
        data : {adsNametxt:$("#adsNametxt").val()},
        dataType : "json",
        success : function(data) {
         if(true==data){
          //remove error class
         }else{
          validator.showErrors({"adsNametxt":"This Ads is already in use"});
         }
        }
       });
      }
     });
    //add by liuyan 2011-09-27 end
    var validator=$("form").validate({
     submitHandler: function(form) {
     //validate ads name and end date;
     //ignoreEndDateValidate=ture,ignore end date validate;ignoreAdsNameValidate=ture,ignore ads name validate
     if(ignoreEndDateValidate&&ignoreAdsNameValidate){
      form.submit();
      }else if(ignoreEndDateValidate){
      $.when(
        $.ajax({
         type : "post",
         url : $("#urlrequest").val()+"/checkAdsNameAction.do",
         data : {adsNametxt:$("#adsNametxt").val()},
         dataType : "json"
         })
       ).done(function(adsName){
        if(adsName){
         form.submit();
         }else{
          validator.showErrors({"adsNametxt":"This Ads is already in use"});
          enabledButtons();
          }
       });
      }else{
       $.when(
         $.ajax({
         type : "post",
         url : $("#urlrequest").val()+"/checkAdsNameAction.do",
         data : {adsNametxt:$("#adsNametxt").val()},
         dataType : "json"
         })
         ,$.ajax({
         type : "post",
         url : $("#urlrequest").val()+"/checkDateAction.do",
         data : {endDatetxt:$("#endDatetxt").val()},
         dataType : "json"
         })
        ).done(function(adsName,endDate){
         if(adsName[0]&&endDate[0]){
          form.submit();
          }else{
           
           if(!adsName[0]){
            validator.showErrors({"adsNametxt":"This Ads is already in use"});
            }
           if(!endDate[0]){
            validator.showErrors({"endDatetxt":"End date must be greater than current date"});
            }
           if(!adsName[0]){
            $("#adsNametxt").addClass(validator.settings.errorClass);
            }
           enabledButtons();
           }
        });
      }
     },
     success:function(element){//validate5 start
        var submitflag = true;
     if($("#titleTxt1").val()==""||$("#titleTxt1").val()==null){
      submitflag = false;
     }else{
      element.parent().next().next().empty();
     }
     if($("#messageTxt1").val()==""||$("#messageTxt1").val()==null){
      submitflag = false;
     }else{
      element.parent().next().next().empty();
     }
     if($("#actionTxt1").val()==""||$("#actionTxt1").val()==null){
      submitflag = false;
     }else{
      element.parent().next().next().empty();
     }
     if(submitflag){
      $(".Button_langblue").removeAttr("style").addClass("Button_langblue");
        }
        },//validate5 end
     errorPlacement:function(error, element) {
      
       if(/^displayInternal\w*/i.test(element.attr("name"))){
        $("#displayInternalMins").parent().next().next().children("label").remove();
        error.appendTo( $("#displayInternalMins").parent().next().next() );
         /*if($("input[name='displayInternalMins']").parent().next().next().children("label").length<=0){
          error.appendTo( $("input[name='displayInternalMins']").parent().next().next() );
         }*/
       }else if(element.attr("name")=="targetLineUpCheckBox"){
        $("#targetLanguageCheckBox").parent().next().next().empty();
        error.appendTo($("#targetLanguageCheckBox").parent().next().next());
       }else if(element.attr("name")=="targetModelsCheckBox"){
        $("#targetLanguageCheckBox").parent().next().next().empty();
        error.appendTo($("#targetLanguageCheckBox").parent().next().next());
       }else if(element.attr("name")=="targetCountryCheckBox"){
        $("#targetLanguageCheckBox").parent().next().next().empty();
        error.appendTo($("#targetLanguageCheckBox").parent().next().next());
       }else if(element.attr("name")=="targetLanguageCheckBox"){
        $("#targetLanguageCheckBox").parent().next().next().empty();
        error.appendTo($("#targetLanguageCheckBox").parent().next().next());
       }else if(element.attr("name")=="titleTxt1"){
        if($("#targetModelsCheckBox").val()!=null&&$("#targetLanguageCheckBox").val()!=null){
         $("#targetLanguageCheckBox").parent().next().next().empty();
        }
        element.parent().next().next().empty();
        error.appendTo( element.parent().next().next() );
       }else{  
        element.parent().next().next().empty();
           error.appendTo( element.parent().next().next() );
       }
      }
    });
    }else{
     var validator=$("form").validate({
      submitHandler: function(form) {
      //validate ads name and end date;
      //ignoreEndDateValidate=ture,ignore end date validate;ignoreAdsNameValidate=ture,ignore ads name validate
      if(ignoreEndDateValidate){
       form.submit();
       }else{
        $.when(
          $.ajax({
          type : "post",
          url : $("#urlrequest").val()+"/checkDateAction.do",
          data : {endDatetxt:$("#endDatetxt").val()},
          dataType : "json"
          })
         ).done(function(endDate){
          if(endDate){
           form.submit();
           }else{
            validator.showErrors({"endDatetxt":"End date must be greater than current date"});
            enabledButtons();
           }
         });
       }
         },
      success:function(element){//validate5
         var submitflag = true;
      if($("#titleTxt1").val()==""||$("#titleTxt1").val()==null){
       submitflag = false;
      }else{
       element.parent().next().next().empty();
      }
      if($("#messageTxt1").val()==""||$("#messageTxt1").val()==null){
       submitflag = false;
      }else{
       element.parent().next().next().empty();
      }
      if($("#actionTxt1").val()==""||$("#actionTxt1").val()==null){
       submitflag = false;
      }else{
       element.parent().next().next().empty();
      }
      if(submitflag){
       $(".Button_langblue").removeAttr("style").addClass("Button_langblue");
         }
        
         },//validate5
      errorPlacement:function(error, element) {
       
        if(/^displayInternal\w*/i.test(element.attr("name"))){
         $("#displayInternalMins").parent().next().next().children("label").remove();
         error.appendTo( $("input[name='displayInternalMins']").parent().next().next() );
        }else if(element.attr("name")=="targetLineUpCheckBox"){
         $("#targetLanguageCheckBox").parent().next().next().empty();
         error.appendTo($("#targetLanguageCheckBox").parent().next().next());
        }else if(element.attr("name")=="targetModelsCheckBox"){
         $("#targetLanguageCheckBox").parent().next().next().empty();
         error.appendTo($("#targetLanguageCheckBox").parent().next().next());
        }else if(element.attr("name")=="targetCountryCheckBox"){
         $("#targetLanguageCheckBox").parent().next().next().empty();
         error.appendTo($("#targetLanguageCheckBox").parent().next().next());
        }else if(element.attr("name")=="targetLanguageCheckBox"){
         $("#targetLanguageCheckBox").parent().next().next().empty();
         error.appendTo($("#targetLanguageCheckBox").parent().next().next());
        }else if(element.attr("name")=="titleTxt1"){
         if($("#targetModelsCheckBox").val()!=null&&$("#targetLanguageCheckBox").val()!=null){
          $("#targetLanguageCheckBox").parent().next().next().empty();
         }
         element.parent().next().next().empty();
         error.appendTo( element.parent().next().next() );
        }else{  
         element.parent().next().next().empty();
            error.appendTo( element.parent().next().next() );
        }
       }
     });

     }
   
  //add date event
   var dates = $( "#beginDateTxt, #endDatetxt" ).datepicker({
    //defaultDate: "+1w",
    showOn: "button",
    buttonImage: $("#urlrequest").val()+"/images/calender.png",
    buttonImageOnly: true,
    buttonText:"",
    dateFormat:'dd/mm/yy',
    changeMonth: true,
    changeYear: true,
    onSelect: function( selectedDate ) {
     var option = this.id == "beginDateTxt" ? "minDate" : "maxDate",
      instance = $( this ).data( "datepicker" ),
      date = $.datepicker.parseDate(
       instance.settings.dateFormat ||
       $.datepicker._defaults.dateFormat,
       selectedDate, instance.settings );
         dates.not( this ).datepicker( "option", option, date );
    },
    onClose: function(dateText, inst) {
     $( this ).trigger("focusout");
     //do flag
     menuDoFlg = true;
     }
   });
   // add datepicker constraints liuyan 2011-08-18 start
   var instance,date;
   <logic:notEmpty name="editActionForm" property="beginDateTxt">
   instance = $( "#beginDateTxt" ).data( "datepicker" ),
   date = $.datepicker.parseDate(instance.settings.dateFormat ||$.datepicker._defaults.dateFormat,"${editActionForm.beginDateTxt}", instance.settings );
   $( "#endDatetxt" ).datepicker( "option", "minDate", date );

   </logic:notEmpty>
   <logic:notEmpty name="editActionForm" property="endDatetxt">
   instance = $( "#endDatetxt" ).data( "datepicker" ),
   date = $.datepicker.parseDate(instance.settings.dateFormat ||$.datepicker._defaults.dateFormat,"${editActionForm.endDatetxt}", instance.settings );
   $( "#beginDateTxt" ).datepicker( "option", "maxDate", date );
   </logic:notEmpty>
   // add datepicker constraints liuyan 2011-08-18 end
   // add click event
   //preview botton
   $("#previewBotton").click(function(){
    disabledButtons();
    //add ignore
    ignoreEndDateValidate=true;
    ignoreAdsNameValidate=false;
    validator.settings.ignore="#beginDateTxt,#endDatetxt,#displayInternalWeeks,#displayInternalDays,"+
           "#displayInternalHours,#displayInternalMins,#targetLineUpCheckBox,#targetModelsCheckBox,#targetCountryCheckBox,"+
           "#targetLanguageCheckBox,#titleTxt1,#messageTxt1,#actionTxt1";
    validator.hideErrors();
    validator.elements().removeClass( validator.settings.errorClass );
      $("#"+$(".Button_langblue").val()+"_title").val($("#titleTxt1").val());
      $("#"+$(".Button_langblue").val()+"_message").val($("#messageTxt1").val());
      $("#"+$(".Button_langblue").val()+"_pictureshow").val($("#uploadpictureShow").val());
      $("#"+$(".Button_langblue").val()+"_action").val($("#actionTxt1").val());
      $("#"+$(".Button_langblue").val()+"_targetOperations").val($("#targetOperationCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_targetParameters").val($("#targetParameters").val());
      $("#"+$(".Button_langblue").val()+"_targetDirectory").val($("#targetDirectory").val());
      $("#"+$(".Button_langblue").val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());

    $("#adverStatus").val("9");                                                
       $("#submitForm").attr("action",$("#urlrequest").val()+"/savedShowPreviewAction.do?pageInfo="+$("#pageInfo").val());
    /*
       if($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse"){
        validator.previousValue(document.getElementById("adsNametxt")).old=null;
       }
    $("#submitForm").submit();
    */
       if(validator.form()){
     $("#submitForm").submit();
    }else{
     if($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse"){
      $("#adsNametxt").trigger("focusout");
     }
     enabledButtons();
    }
    });
   //save botton
   $("#saveBotton").click(function(){
    disabledButtons();
    //add ignore
    ignoreEndDateValidate=true;
    ignoreAdsNameValidate=false;
    //$("#endDatetxt").removeClass("error");
   validator.settings.ignore="#beginDateTxt,#endDatetxt,#displayInternalWeeks,#displayInternalDays,"+
    "#displayInternalHours,#displayInternalMins,#targetLineUpCheckBox,#targetModelsCheckBox,#targetCountryCheckBox,"+
    "#targetLanguageCheckBox,#titleTxt1,#messageTxt1,#actionTxt1";
   if(!($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse")){
    validator.settings.ignore="#adsNametxt,"+validator.settings.ignore;
    }
   validator.hideErrors();
   validator.elements().removeClass( validator.settings.errorClass );
      $("#"+$(".Button_langblue").val()+"_title").val($("#titleTxt1").val());
      $("#"+$(".Button_langblue").val()+"_message").val($("#messageTxt1").val());
      $("#"+$(".Button_langblue").val()+"_pictureshow").val($("#uploadpictureShow").val());
      $("#"+$(".Button_langblue").val()+"_action").val($("#actionTxt1").val());
      $("#"+$(".Button_langblue").val()+"_targetOperations").val($("#targetOperationCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_targetParameters").val($("#targetParameters").val());
      $("#"+$(".Button_langblue").val()+"_targetDirectory").val($("#targetDirectory").val());
      $("#"+$(".Button_langblue").val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());

       $("#adverStatus").val("1");
       $("#submitForm").attr("action",$("#urlrequest").val()+"/editAction.do");
       /*if($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse"){
        validator.previousValue(document.getElementById("adsNametxt")).old=null;
       }
    $("#submitForm").submit();
    */
       if(validator.form()){
     $("#submitForm").submit();
    }else{
     if($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse"){
      $("#adsNametxt").trigger("focusout");
     }
     enabledButtons();
    }
    });
   //submit botton
   $("#submitBotton").click(function(){
    disabledButtons();
    ignoreEndDateValidate=false;
    ignoreAdsNameValidate=false;
      $("#publishertxt").val($("#companyID").find("option:selected").text());
      validator.settings.ignore=[];
      $("#"+$(".Button_langblue").val()+"_title").val($("#titleTxt1").val());
      $("#"+$(".Button_langblue").val()+"_message").val($("#messageTxt1").val());
      $("#"+$(".Button_langblue").val()+"_pictureshow").val($("#uploadpictureShow").val());
      $("#"+$(".Button_langblue").val()+"_action").val($("#actionTxt1").val());
      $("#"+$(".Button_langblue").val()+"_targetOperations").val($("#targetOperationCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_targetParameters").val($("#targetParameters").val());
      $("#"+$(".Button_langblue").val()+"_targetDirectory").val($("#targetDirectory").val());
      $("#"+$(".Button_langblue").val()+"_targetDisplay").val($("#targetDisplayCheckBox").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDisplay").val($("#regKeyDisplay").val());
      $("#"+$(".Button_langblue").val()+"_regKeyDoNotDisplay").val($("#regKeyDoNotDisplay").val());
       $.each($("#languageStr").val().split(","),function(i,item){
        var submitflag = true;
     if($("#"+item+"_title").val()==""||$("#"+item+"_title").val()==null){
      $("#"+item).css({"background-color": "#FF0000"});
      submitflag = false;
     }
     if($("#"+item+"_message").val()==""||$("#"+item+"_message").val()==null){
      $("#"+item).css({"background-color": "#FF0000"});
      submitflag = false;
     }
     if($("#"+item+"_action").val()==""||$("#"+item+"_action").val()==null){
      $("#"+item).css({"background-color": "#FF0000"});
      submitflag = false;
     }
     if(submitflag){
      if($("#"+item).attr('class')=="Button_langblue"){
       $("#"+item).removeAttr("style").addClass("Button_langblue");
         }else{
          $("#"+item).removeAttr("style").addClass("Button_langwhite");
      }
     }else{
      $("#"+item).click();
     }
    });
       $("#targetLineUpCheckBox").addClass("required");
       $("#targetModelsCheckBox").addClass("required");
       $("#targetCountryCheckBox").addClass("required");
       $("#targetLanguageCheckBox").addClass("required");
    $("#adverStatus").val("2");
       $("#submitForm").attr("action",$("#urlrequest").val()+"/editAction.do");
       /*if($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse"){
        validator.previousValue(document.getElementById("adsNametxt")).old=null;
       }
      
    $("#submitForm").submit();
    */
       if(validator.form()){
     $("#submitForm").submit();
    }else{
     if($("#neworeditFlag").val()=="new"||$("#neworeditFlag").val()=="reuse"){
      $("#adsNametxt").trigger("focusout");
      if($.trim($("#endDatetxt").val())){
       $("#endDatetxt").trigger("focusout");
      }
     }else{
      $("#endDatetxt").trigger("focusout");
     }
     enabledButtons();
    }
   });
   //cancel botton
   $("#cancelBotton").click(function(){
    //add ignore
    ignoreEndDateValidate=true;
    ignoreAdsNameValidate=true;
    validator.settings.ignore="#adsNametxt,#beginDateTxt,#endDatetxt,#displayTxt,#displayInternalWeeks,#displayInternalDays,"+
    "#displayInternalHours,#displayInternalMins,#targetLineUpCheckBox,#targetModelsCheckBox,#targetCountryCheckBox,"+
    "#targetLanguageCheckBox,#titleTxt1,#messageTxt1,#actionTxt1";
   //validator.hideErrors();
   //validator.elements().removeClass( validator.settings.errorClass );
   if(confirm("You are about to exit this page with unsaved data.\nClick OK to proceed or Cancel to first save your data.")){
          $("#submitForm").attr("action",$("#urlrequest").val()+"/initAdvertisementsAction.do?pageInfo="+$("#pageInfo").val()+"&menuchildFlg="+$("#menuchildFlg").val());
       $("#submitForm").submit();
   }
   });

   // add by liuyan for send email to request new ads 2011-08-31 start
   $("#requestNewBotton").click(function(e){
    $.ajax({
        type : "post",
        url : "<%=request.getContextPath()%>/adminEmailAction.do",
        dataType : "json",
        timeout:10000,
        success : function(data) {
      if(data.message=="success"){
//       window.location.href='mailto:'+data.adminEmail+'?subject=[OnlineAds]%20Please%20reset%20my%20account&body=I%20fogot%20the%20password!'
                            var subject="[AvisOnlineAds] Request for new Publisher account";
       var body="Hi,%0D%0DCould you please create a new Publisher account: %0D%0DPublisher Name: [Enter Publisher name here]%0D"+
          "Icon: [Enclose with this email the .ICO or PNG file]%0D%0DThank you,";

       window.location.href="       </td>
      <td class="td1" style="width: 250px;height: 25px;">
        <div id="langDiv" ></div>
        <div id="langErrDiv" style="display:none">
          <img src="<%=path%>/images/message.png"/>
          <html:errors bundle="error" property="errorLangButton"/>
        </div>
      </td>
    </tr>
    <tr style="width: 1078px;height: 30px;">
      <td class="td1" style="width: 20px;height: 30px;"></td>
      <td class="td1" style="width: 150px;height: 30px;">Title</td>
      <td class="td1" style="width: 100px;height: 30px;" colspan="4">
        <html:text tabindex="20" property="titleTxt1" disabled="true" styleId="titleTxt1" styleClass="Text_readonly  {required:true}"/>
      </td>
      <td class="td1" style="width: 20px;height: 25px;">
      <img src="<%=path%>/images/question.gif" title="Please fill in title in selected language."/>
      </td>
      <td class="td1" style="width: 250px;height: 25px;">
        <div id="titleTxtDiv" ></div>
        <div id="titleTxtErrDiv" style="display:none">
          <img src="<%=path%>/images/message.png"/>
          <html:errors bundle="error" property="errorTitle1"/>
        </div>
      </td>
    </tr>
    <tr style="width: 1078px;height: 30px;">
      <td class="td1" style="width: 20px;height: 30px;"></td>
      <td class="td1" style="width: 150px;height: 30px;">Message</td>
      <td class="td1" style="width: 100px;height: 30px;" colspan="4">
        <html:textarea tabindex="21" property="messageTxt1" styleId="messageTxt1"  disabled="true" styleClass="Text_area_scroll_readonly  {required:true}" />
      </td>
      <td class="td1" style="width: 20px;height: 25px;">
      <img src="<%=path%>/images/question.gif" title="Please fill in message in selected language."/>
      </td>
      <td class="td1" style="width: 250px;height: 25px;">
        <div id="messageTxtDiv" ></div>
        <div id="messageTxtErrDiv" style="display:none">
          <img src="<%=path%>/images/message.png"/>
          <html:errors bundle="error" property="errorMessage1"/>
        </div>
      </td>
    </tr>
    <tr style="width: 1078px;height: 30px;" >
      <td class="td1" style="width: 20px;height: 30px;"></td>
      <td class="td1" style="width: 150px;height: 30px;">Picture</td>
      <td class="td1" style="width: 100px;height: 30px;vertical-align:middle;" colspan="4">
      <table width="100%">
       <tr>
        <td width="155px"  style="vertical-align:middle;">
        <input  type="text" name="uploadpictureShow" οnkeydοwn= "javascript:return   false; " id="uploadpictureShow" class="Text_short_browse_readonly"  readonly="true"/>
        </td>
        <td width="95px"  style="vertical-align:middle;">
        <input tabindex="22"  type="button" name="uploadpicture" value="Browse"   class="delbotton" style="display: none" disabled="disabled" id="uploadpicture"  />
        </td>
        <td  style="vertical-align:middle;"><div id="deldiv"></div> </td>
        <td width="39px" align="center" ></td>
       </tr>
      </table>
      </td>
      <td class="td1" style="width: 20px;height: 25px;">
      <img src="<%=path%>/images/question.gif" title="Please upload a picture which is corresponding to the selected language."/>
      </td>
      <td class="td1" style="width: 250px;height: 25px;">
        <div id="pictureTxtDiv" >
        </div>
        <div id="pictureTxtErrDiv" style="display:none">
          <img src="<%=path%>/images/message.png"/>
          <html:errors bundle="error" property="errorPicture1"/>
        </div>
      </td>
    </tr>
    <tr style="width: 1078px;height: 30px;">
      <td class="td1" style="width: 20px;height: 30px;"></td>
      <td class="td1" style="width: 150px;height: 30px;">Action</td>
      <td class="td1" style="width: 100px;height: 30px;vertical-align:middle;" colspan="4">
        <html:text tabindex="23" property="actionTxt1" styleId="actionTxt1" disabled="true" styleClass="Text_short_readonly {required:true}" />&nbsp;<input tabindex="24" id="advancedBtn" type="button" value="Advanced" class="Button_advanced" disabled="disabled" style="cursor: pointer; background-color: #9f9f9f; border: 1px solid #666; width: 103px; height: 19px; border: none;"  />
      </td>
      <td class="td1" style="width: 20px;height: 25px;">
      <img src="<%=path%>/images/question.gif" title="Action of this advertisement."/>
      </td>
      <td class="td1" style="width: 250px;height: 25px;">
        <div id="actionTxtDiv" > </div>
        <div id="actionTxtErrDiv" style="display:none">
          <html:errors bundle="error" property="errorAction1"/>
        </div>
      </td>
    </tr>
    </table>
    <table id = "advancedTog" border=0 style="display:none">
        <tr style="width: 1078px;height: 30px;">
          <td class="td1" style="width: 17px;height: 30px;"></td>
          <td width="145px" height="24">Target Operations</td>
          <td width="120" height="24">
            <html:select tabindex="25" property="targetOperationCheckBox" styleId="targetOperationCheckBox">
              <html:optionsCollection property="optionsOperationArr"  label="label" value="value"/>
            </html:select>
          </td>
        </tr>
        <tr style="width: 1078px;height: 30px;">
          <td class="td1" style="width: 17px;height: 30px;"></td>
          <td height="24" width="145px">Target Parameters</td>
          <td width="250px" >
            <html:text tabindex="26" property="targetParameters" styleId="targetParameters" styleClass="Text_box" style="width: 200px;" />
          </td>
        </tr>
        <tr style="width: 1078px;height: 30px;">
          <td class="td1" style="width: 17px;height: 30px;"></td>
          <td height="24" width="145px" >Target Directory</td>
          <td>
            <html:text tabindex="27" property="targetDirectory" styleId="targetDirectory" styleClass="Text_box"  style="width: 200px;" />
          </td>
        </tr>
        <tr style="width: 1078px;height: 30px;">
          <td class="td1" style="width: 17px;height: 30px;"></td>
          <td height="24" width="145px">Target Display</td>
          <td>
            <html:select tabindex="28" property="targetDisplayCheckBox" styleId="targetDisplayCheckBox">
              <html:optionsCollection property="optionsDisplayArr" label="label" value="value"/>
            </html:select>
          </td>
        </tr>
        <tr style="width: 1078px;height: 30px;">
          <td class="td1" style="width: 17px;height: 30px;"></td>
          <td height="24" width="145px">DisplayCondition</td>
          <td>
            <html:text tabindex="29" property="regKeyDisplay" styleId="regKeyDisplay" styleClass="Text_box" style="width: 200px;" />
          </td>
        </tr>
         <tr style="width: 1078px;height: 30px;">
          <td class="td1" style="width: 17px;height: 30px;"></td>
          <td height="24" width="145px">NotDisplayCondition</td>
          <td>
            <html:text tabindex="30" property="regKeyDoNotDisplay" styleId="regKeyDoNotDisplay" styleClass="Text_box" style="width: 200px;" />
          </td>
        </tr>
    </table>
    <table>
    <tr style="width: 1078px;height: 30px;" >
        <td class="td1" style="width: 50px;height: 25px;"></td>
        <td class="td1" style="width: 120px;height: 25px;"></td>
        <td class="td1" style="width: 125px;height: 25px;">
        <div id="buttons">
          <input tabindex="31" id="submitBotton" type="button" value="Submit"   class="Button_submit"/>
        </div>
        </td>
        <td class="td1" style="width: 125px;height: 25px;">
        <div id="buttons">
          <input tabindex="32" id="saveBotton" type="button" value="Save"   class="Button_submit" />
        </div>
        </td>
        <td class="td1" style="width: 125px;height: 25px;">
        <div id="buttons">
          <input tabindex="33" id="previewBotton" type="button" value="Preview"  class="Button_submit" />
        </div>
        </td>
        <td class="td1" style="width: 125px;height: 25px;">
        <div id="buttons">
          <input tabindex="34" id="cancelBotton" type="button" value="Cancel" class="Confirm" />
        </div>
        </td>
        <td class="td1" style="width: 100px;height: 25px;"></td>
        <td class="td1" style="width: 100px;height: 25px;"></td>
        <td class="td1" style="width: 100px;height: 25px;">
        </td>
    </tr>
        <tr style="width: 1078px;height: 30px;" >
        <td class="td1" style="width: 100px;height: 25px;" colspan="9">
        <input name="languageStr"  id = "languageStr"  value="<bean:write name='editActionForm' property='languageStr'/>"   type="hidden" />
        <input name="modelStr"  id = "modelStr"  value="<bean:write name='editActionForm' property='modelStr'/>"   type="hidden" />
        <input name="modelType" id = "modelType" value="<bean:write name='editActionForm' property='modelType'/>"   type="hidden" />
        <input name="pageInfo" id = "pageInfo" value="<bean:write name='editActionForm' property='pageInfo'/>"   type="hidden" />
        <input name="menuchildFlg" id = "menuchildFlg" value="<bean:write name='editActionForm' property='menuchildFlg'/>"   type="hidden" />
        <input name="adverStatus" id = "adverStatus"   type="hidden" />
         <div id="hiddenshow">
         <logic:iterate name="editActionForm" property="contentBeanList" id="content">
    <input type="hidden" value="<bean:write name='content' property='title'/>" name="<bean:write name='content' property='language'/>_title" id="<bean:write name='content' property='language'/>_title"  />
   <input type="hidden" value="<bean:write name='content' property='message'/>" name="<bean:write name='content' property='language'/>_message" id="<bean:write name='content' property='language'/>_message"  />
   <input type="hidden" value="<bean:write name='content' property='picture'/>" name="<bean:write name='content' property='language'/>_picture" id="<bean:write name='content' property='language'/>_picture" />
   <input type="hidden" value="<bean:write name='content' property='pictureU'/>" name="<bean:write name='content' property='language'/>_pictureshow" id="<bean:write name='content' property='language'/>_pictureshow"  />
   <input type="hidden" value="<bean:write name='content' property='action'/>" name="<bean:write name='content' property='language'/>_action" id="<bean:write name='content' property='language'/>_action"  />
   <input type="hidden" value="<bean:write name='content' property='targetOperation'/>" name="<bean:write name='content' property='language'/>_targetOperations" id="<bean:write name='content' property='language'/>_targetOperations"  />
   <input type="hidden" value="<bean:write name='content' property='targetParameters'/>" name="<bean:write name='content' property='language'/>_targetParameters" id="<bean:write name='content' property='language'/>_targetParameters"  />
   <input type="hidden" value="<bean:write name='content' property='targetDirectory'/>" name="<bean:write name='content' property='language'/>_targetDirectory" id="<bean:write name='content' property='language'/>_targetDirectory"  />
   <input type="hidden" value="<bean:write name='content' property='targetDisplay'/>" name="<bean:write name='content' property='language'/>_targetDisplay" id="<bean:write name='content' property='language'/>_targetDisplay"  />
   <input type="hidden" value="<bean:write name='content' property='regKeyDisplay'/>" name="<bean:write name='content' property='language'/>_regKeyDisplay" id="<bean:write name='content' property='language'/>_regKeyDisplay"  />
   <input type="hidden" value="<bean:write name='content' property='regKeyDoNotDisplay'/>" name="<bean:write name='content' property='language'/>_regKeyDoNotDisplay" id="<bean:write name='content' property='language'/>_regKeyDoNotDisplay"  />
      </logic:iterate>
      </div>
        </td>
    </tr>
    </table>


    <html:hidden name="editActionForm" property="adverID" />
    <html:hidden name="editActionForm" property="baseAdverID" />
    <input type="hidden" value="<bean:write name='editActionForm' property='neworeditFlag'/>" name="neworeditFlag" id="neworeditFlag" />
    <html:hidden name = "editActionForm" property="adverIDCopy"/>
    <input type="hidden"  name="accessState" id="accessState" />
    <input type="hidden" value="<bean:write name='editActionForm' property='lockMsg'/>" name="lockMsg" />
    <html:hidden name = "editActionForm" property="toDo" />
    <!-- default -->
    <input name="defaultPictureU" id = "defaultPictureU"   type="hidden" />
    <input name="defaultPictureS" id = "defaultPictureS"   type="hidden" />
    <input name="defaultAction" id = "defaultAction"   type="hidden" />
    <input name="defaultFlag" id = "defaultFlag"   type="hidden" value="0" />
</html:form>
</div>
</body>
</html:html>

 

 
lb8607
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
axure 如何设置选项联动_Axure 实例 － 单复选按钮联动（转）
weixin_39983383的博客
01-17 1154
最近在做一个以［地区］为条件的筛选列表时，需要通过 Axure实现其真实的交互效果，大致的效果如图所示，其中包含两种类型的选项，一种是 Radio Button［单选钮］，另一种是Checkbox［复选框］。要求：1、默认选中的项为［全国］。2、选中下方任意一个地区项，则取消对于［全国］项的选择。3、下方无任何地区项被选中时，则自动选中［全国］项。4、地区项最多可选两项，若选满则将其余的复选框至为...
android 三个按钮联动,Android之嵌套联动<三>：CollapsingToolbarLayout+Toolbar
weixin_35510737的博客
05-26 564
本章是以上两篇文章的延伸。首先看一下大致的效果图127.gif下面开始详解说明一下(1)Toolbar属性上图中给Toolbar添加了返回按钮，并且将Toolbar的背景设置成完全透明。这里需要重点说明的两个属性分别是：layout_collapseMode、layout_collapseParallaxMultiplierlayout_collapseMode：折叠模式layout_collap...
单选按钮联动效果
w_anyuan998的博客
01-09 385
Axure单选按钮联动效果交互思路
Ant-Design-Vue 实现a-table表格和按钮联动滚动
为人民服务
03-21 1011
页面上有A, B,C 三个按钮和一个a-table ,当选中A时, 表格展示A的数据并开始向下滚动, 当到达最下方时,按钮B选中,表格展示B的数据并重新开始滚动如此循环…默认选中A。
微信小程序勾选协议与提交按钮联动
qsj0606的博客
03-05 1863
微信小程序勾选协议与提交按钮联动 在一些小程序的开发中有时会实现，未勾选相关协议，提交按钮是禁用状态，勾选相关协议，提交按钮变成可用状态。如下图所示： 主要用到开发文档按钮组件的一个属性； 代码： wxml <!--相关协议--> <checkbox-group bindchange="bindAgreeChange"> <label class="weui-agree" for="weuiAgree"> <view cla
html 输入框 清空按钮,JavaScript实现输入框与清空按钮联动效果
weixin_39920403的博客
06-04 505
废话不多说了，直接给大家贴关键代码了，具体代码如下所示：输入框清空按钮/*** 校验当前输入框的值,如果不为空显示清空按钮* @param element*/functioncheckInput(element){var value = $(element).val();if(value!=null&&''!=value)$(element).parent().parent().children(...
智能显示模块之按钮联动简单范例
topwaysh的博客
03-17 629
发帖主题： 智能显示模块之按钮联动简单范例 关键词： 智能显示模块，智能TFT模块，智能液晶模块，串口屏，人机界面，Smart LCD 在工控或者自动化界面里，我们经常会需要做有联动的按钮效果，点击按钮A时其它按键会弹起，点击按钮B同理，这种通过串口屏其实是可以很简单的实现，下面就来简单介绍其中一种方法吧，我是用我手边用的屏(HMT070ATA-1C)做个简单例子，讲解下思路，实际实现起来的方法其...
js LayUI 实现两个switch按钮联动 一个开启则另一个关闭
sinat_38244712的博客
07-11 2529
界面样式： HTML： <script type="text/html" id="timeSearch"> <input class="time" type="checkbox" id="{{d.col}}_time" lay-filter="timeSearch" value="{{d.col}}" lay-skin="switch" lay-text="开...
swiper里面的slide和按钮联动的效果
Tfishupupup的博客
01-17 1086
需要点击某个元素切换到相应的slide，该元素也会产生相应的样式改变。 使用swiper的pagination设置项，可以自定义设置pagination的样式和效果 pagination: { el: '.swiper-pagination', clickable: 'true', renderBullet: function (index, className) { ...
echarts 按钮与多图表联动
qq_39139322的博客
01-12 496
html 部分 <div v-for="d in abnormalColors" :key="d.name" style="cursor: pointer" @click="handleToggleSelected(d.name, d.state);d.state = !d.state"> <div class="colorIcon" :style="'ba
图片切换和按钮联动效果
12-16
在Android应用开发中，创建吸引用户的交互体验是至关重要的，其中图片切换和按钮联动效果是常见且实用的设计手法。本文将详细讲解如何实现这样的功能，以及涉及到的关键知识点。 首先，我们要理解“图片切换”通常...
JavaScript实现输入框与清空按钮联动效果
10-21
在Web开发中，经常会遇到需要实现输入框和清空按钮联动的效果，以提升用户体验。用户在文本框输入内容后，页面上会动态显示一个清空按钮，允许用户快速清除输入框内容。本文介绍如何使用JavaScript（此处采用jQuery...
单选按钮联动效果.rp
01-10
axure单选按钮联动效果.rp
Jquery getJSON方法分析
08-18 242
准备工作 ·Customer类 public class Customer {     public int Unid { get; set; }     public string CustomerName { get; set; }     public st
弹层
09-23 188
var myTime; var alertTime; function linkClick(){  if(document.getElementById("confirmFlg").value=="true"&&menuDoFlg){   if(!confirm("You
利用SIMULINK建立的四转子动力学模型.rar
最新发布
09-10
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
WPF的MVVM框架，数据绑定和命令的学习文档
09-10
MVVM是WPF的一种软件架构模式，它将应用程序分为三个层次 model（数据模型），view（视图），viewmodel（视图模型） 在MVVM中数据绑定、命令一直是难点，该文档讲解的比较清楚明了 数据绑定 1、Binding数据源 ◆绑定对象是DataContext，DataContent数据是默认的数据源属性，通过在Xaml中初始化Datacontent绑定 ◆绑定对象是Source属性时，通过资源Resouce的key名字来绑定Source ◆绑定对象是RelativeSource属性，数据源是控件树中相对于当前控件的上层控件时 ◆绑定对象是ElementName属性，数据源是其他控件 2、Binding模式（数据流方向），由Model属性指定，有5个模式 3、转换器 4、绑定的其它属性 5、INotifyPropertyChanged接口和wpf提供的实现了这个接口的类ObservableObject、BindableBase，可以直接继承这些类，使代码更简洁 6、实现INotifyColletionChanged接口，用于集合
天鹰优化算法AO-TCN-LSTM-Multihead-Attention多变量时间序列预测Matlab实现.rar
09-10
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
工厂消防设备与联动系统详解
联动控制系统还负责监控消防泵的状态以及消火栓按钮和检修碟阀的动作。 2. 自动喷水灭火系统：在火灾发生时，该系统能够自动启动喷头洒水，以保护人员和财产安全。根据环境和需求，分为湿式、干式、预作用式和雨淋...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lb8607

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值