jquery实际项目中的应用1

$(document).ready(function() {
 
 // 下面代码可以制作一个加载动画
 //$("#titleTag").ajaxStart(function(){ $(this).show(); });
 //$("#titleTag").ajaxStop(function(){ $(this).hide(); });
 //查询所有tag的衣服
 
 
 $.post("listSupplierProduct.action",
  {
  'product.supplier.id':'9',
  'product.feature':'',
  'product.color':'',
  'product.discount':'0.0f',
  'product.makeIn':'',
  'priceRange.maxPrice':'0.0f',
  'product.flag':'0' 
  },function(zdq){
    $("#clothList").html(zdq).hide();
  });
 
 
 
 // 右面搜索结果的ajax页面
 $("#titleTag").toggle(function(){
   $("#clothList").show("slow");
 }, function() {
  $("#clothList").hide("slow");
 });
 
 // 左边搜索栏的动画，用了interface插件
 $("#title").toggle(function() {
  $("#menutext").animate({
   height: 'show',
   opacity: 'show'
  }, 'slow');
  $("#leftsearch").animate({
   height: '446',
   backgroundColor: '#FFF'
  },'slow');
 }, function() {
  $("#menutext").animate({
   height: 'hide',
   opacity: 'hide'
  }, 'slow');
  $("#leftsearch").animate({
   height: '15',
   backgroundColor: '#000'
  },'slow');
  setAll();
 });
});

 
//将所有的值设为空
function setAll(){
 
  document.getElementById("ss_design").value="";
  document.getElementById("ss_feature").value="";
  document.getElementById("ss_size").value="";
  document.getElementById("ss_color").value="";
  document.getElementById("ss_minPrice").value="";
  document.getElementById("ss_maxPrice").value="";
  document.getElementById("ss_publishTime").value="";
  searchTagCloth(0);
 
}

function navPage(page){
 searchTagCloth(page);
/* $(document).ready(function() {
 // 右面搜索结果的ajax页面

   $("#clothList").load("listSupplierProduct.action",{
    'product.supplier.id':'9',
    'product.feature':'',
    'product.color':'',
    'product.discount':'0.0f',
    'product.makeIn':'',
    'priceRange.maxPrice':'0.0f',
    'product.flag':'0' ,
    'page.currentPage':page
    }).show("slow");
  //$("#clothList").show("slow"); 
 }); */

}

function getPage(){
 var page = $("#pageRequest").val();
 // TODO: 对页码的验证
 navPage(page);
}

//公共查询
function searchTagCloth(page){
 // alert($("#ss_color").val());
  //alert($("#ss_design").val());
 // alert("ss_design:"+$("#ss_design").val());
 //查询所有tag的衣服
  $.post("listSupplierProduct.action",
  {
  'product.supplier.id':'9',
  'product.color':$("#ss_color").val(),
  'product.design':$("#ss_design").val(), //产品图案
  'product.feature':$("#ss_feature").val(), //产品质地
  'product.size':$("#ss_size").val(), //产品尺码
  'product.discount':'0.0f',//折扣
  'product.publishTime':$("#ss_publishTime").val(),//产品上架时间
  'priceRange.minPrice':$("#ss_minPrice").val(),//最低价
  'priceRange.maxPrice':$("#ss_maxPrice").val(),//产品最大价格
  'product.flag':'0',
  'page.currentPage':page
  },function(zdq){
    $("#clothList").html(zdq).show();
  });
 
 
}
//传值设置
function searchByRequire(str,index){
 //alert(str+index);
  switch(parseInt(index)){
  case 3:
  //图案
  document.getElementById("ss_design").value=str;
  document.getElementById("ss_feature").value="";
  document.getElementById("ss_size").value="";
  document.getElementById("ss_color").value="";
  document.getElementById("ss_minPrice").value="";
  document.getElementById("ss_maxPrice").value="";
  document.getElementById("ss_publishTime").value="";

   break;
   case 4:
  //质地
  document.getElementById("ss_design").value="";
  document.getElementById("ss_feature").value=str;
  document.getElementById("ss_size").value="";
  document.getElementById("ss_color").value="";
  document.getElementById("ss_minPrice").value="";
  document.getElementById("ss_maxPrice").value="";
  document.getElementById("ss_publishTime").value="";
  
   break;
   case 5:
  //尺码
  document.getElementById("ss_size").value=str;
  document.getElementById("ss_design").value="";
  document.getElementById("ss_feature").value="";
  document.getElementById("ss_color").value="";
  document.getElementById("ss_minPrice").value="";
  document.getElementById("ss_maxPrice").value="";
  document.getElementById("ss_publishTime").value="";
  
   break;
   case 6:
  //颜色
  document.getElementById("ss_color").value=str;
  document.getElementById("ss_size").value="";
  document.getElementById("ss_design").value="";
  document.getElementById("ss_feature").value="";
  document.getElementById("ss_minPrice").value="";
  document.getElementById("ss_maxPrice").value="";
  document.getElementById("ss_publishTime").value="";
  
 
   break;
 
  case 7:
  //价格
   var priceReg = /^(/d*)-(/d*)$/;
   priceReg.test(str);
  document.getElementById("ss_color").value="";
  document.getElementById("ss_size").value="";
  document.getElementById("ss_design").value="";
  document.getElementById("ss_feature").value="";
  document.getElementById("ss_minPrice").value=RegExp.$1;
  document.getElementById("ss_maxPrice").value=RegExp.$2;
  document.getElementById("ss_publishTime").value="";
   
   break;
  case 8:
  
   break;
  case 9:
  //上架时间
      if(str==''){
       return false;
      }
   var today = new Date();
   var year = today.getFullYear();

   var month = today.getMonth();
   var dat = today.getDate();
   dat -= Number(str);
   var today = new Date(year,month,dat);

   var publishTime = ""+today.getFullYear()+"-" +(today.getMonth()+1)+"-"+today.getDate();
   
   document.getElementById("ss_color").value="";
       document.getElementById("ss_size").value="";
        document.getElementById("ss_design").value="";
   document.getElementById("ss_feature").value="";
   document.getElementById("ss_minPrice").value="";
   document.getElementById("ss_maxPrice").value="";
   document.getElementById("ss_publishTime").value=publishTime;
   break;
  }
  
  searchTagCloth(0);
    
 
}

//增加一个收藏

 function saveToWardrobes(productId,userId){
  if(userId==""||userId==null){
      alert("您还没有登录,请您先登录!");
      return false;
  }else{
     wardrobesServie.doInsertWardrobe(productId,userId,getBackInt);
   }
  }
  
  function getBackInt(msg){
  if(msg==0)
    alert("产品已经成功地收藏到衣柜!");
  }