var ValidProduct = Class.create();
ValidProduct.prototype = {
initialize:function(prodData,validDataUrl,validData,prodType,prodPack,prodDate,prodPatch,prodImg,validBtn,validMsg){
this.prodData = $H(prodData); //產(chǎn)品類別數(shù)據(jù) | product type data
this.validDataUrl = validDataUrl; //驗(yàn)證數(shù)據(jù)路徑 | product data url
this.validData = validData; //驗(yàn)證數(shù)據(jù) | product data
this.prodType = $(prodType); //產(chǎn)品驗(yàn)證類別 | product type
this.prodPack = $(prodPack); //產(chǎn)品驗(yàn)證包裝 | product package
this.prodDate = prodDate; //產(chǎn)品驗(yàn)證日期ID | product date
this.prodPatch = prodPatch; //產(chǎn)品驗(yàn)證批次ID | product batch
this.prodImg = $(prodImg); //產(chǎn)品驗(yàn)證圖片 | product images
this.validBtn = $(validBtn); //產(chǎn)品驗(yàn)證按鈕 | validate button
this.validMsg = $(validMsg); //產(chǎn)品驗(yàn)證過程提示 | validate message
this.init();
},
init:function(){//程序初始化 | Application init
this.productTypeBind();
this.prodType.observe("change",this.productTypeChange.bind(this));
this.prodPack.observe("change",this.productPackChange.bind(this));
this.validBtn.observe("click",this.productValid.bind(this));
},
productTypeBind:function(){//綁定產(chǎn)品類別下拉列表數(shù)據(jù) | Binding product type data
this.prodPack.selectedIndex = 0; //for IE after page refreshed
var o = this.prodType;
this.prodData.each(function(pair){
o.options.add(new Option(pair.key, pair.value.code));
});
},
productTypeChange:function(e){//產(chǎn)品類別下拉列表事件監(jiān)聽 | Eventlistener of product type
var o = this.prodPack;
o.length = 1;
o.selectedIndex = 0; //for IE after packing choosed the first
this.prodImg.writeAttribute("src",o[0].id);
var selected = this.prodType.selectedIndex;
if (selected!=0){
this.productPackBind(this.prodType[selected].text);
}
},
productPackBind:function(choosedValue){//綁定產(chǎn)品包裝下拉列表數(shù)據(jù) | Binding product package data
var o = this.prodPack;
$H(this.prodData.get(choosedValue).type).each(function(pair){
var newOption = new Option(pair.key, pair.value.packing);
newOption.id = pair.value.img;
o.options.add(newOption);
});
},
productPackChange:function(e){//產(chǎn)品包裝下拉列表事件監(jiān)聽 | Eventlistener of product package
var o = this.prodPack;
this.prodImg.writeAttribute("src",o[o.selectedIndex].id);
},
productValid:function(){//產(chǎn)品驗(yàn)證 | validate product
var v1 = $F(this.prodDate).strip(), v2 = $F(this.prodPatch).strip();
if(v1!=""&&v2!=""){
if(this.prodPack.selectedIndex != 0){
var validAjax = new Ajax.Request(this.validDataUrl,{
method:"get",
parameters:"rnd="+Math.random(),
onCreate: function(){
this.validMsg.show();
}.bind(this),
onComplete:this._validProd.bind(this)
});
}else{
alert("請(qǐng)選擇產(chǎn)品及包裝！");
}
}else{
alert("請(qǐng)?zhí)詈卯a(chǎn)品生產(chǎn)日期和產(chǎn)品批號(hào)！");
}
},
_validProd:function(oReq){//產(chǎn)品驗(yàn)證Ajax callback
this.validMsg.hide();
var v1 = this.prodType.getValue(), v2 = this.prodPack.getValue();
var v3 = $F(this.prodDate).strip(), v4 = $F(this.prodPatch).strip();
var imgUrl = this.prodPack[this.prodPack.selectedIndex].id;
//alert(v1+"n"+v2+"n"+v3+"n"+v4+"n"+imgUrl);
var prodBatchs = oreq.responseText.evalJSON()[this.validData];
var result=prodBatchs.any(function(a){
return (v3==a[1] && v4==a[0] && a[2].startsWith(v1) && v2==a[3]);
});
if(result){
this.prodImg.writeAttribute("src", imgUrl.split(".")[0] + "-valid.jpg");
}else{
this.prodImg.writeAttribute("src", "images/invalid.jpg");
};
}
}
document.observe("dom:loaded",function(){
var validOne = new ValidProduct(prodTypeData,"data/batchs_new2.txt","batchs","productType",
"productPack","prodate","probatch","credit-img","vaSubmit","ajaxsearch");
});