//------------------
//jQuery no conflict
//------------------
var J = jQuery.noConflict();
//======================================================================================================
//======================================================================================================
// CCB Namespace
// Function called onReady website PAGE
// To use this, the page must include an input type hidden define like this :
//
//======================================================================================================
var CCB = CCB || {};
J.extend(CCB, {
debug: false,
parentselector: "",
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.onReady
//------------------------------------------------------------------------------------------------------
onReady: function() {
//Init Shadowbox
Shadowbox.init({
onOpen: CCB.ShadowBox.open,
onClose: CCB.ShadowBox.close,
onChange: CCB.ShadowBox.change,
onFinish: CCB.ShadowBox.load
});
//Load Layout function
CCB.Layout.init();
//Launch CCB JavaScript Namespace Engine
var ccbjs = J("#ccbjs");
if (CCB.Page && ccbjs.length > 0) {
var functions = ccbjs.val().split(" ");
J.each(functions, function() {
var func = CCB.Page[this];
if (typeof (func) == "function") { func.apply(); }
else if (CCB.debug) { alert("CCB.Page." + this + " don't exist !!!"); }
});
}
//check if the param on url are ok for see a layer.
var getNameLayer = getUrlVars()["layer"];
if (getNameLayer == 'newsletter') {
Shadowbox.open({
player: "iframe",
content: '/services/layer_inscription-newsletter.aspx',
height: 540,
width: 800
});
}
else if (getNameLayer == 'cadeau') {
var codeGift = getUrlVars()["codegift"]
Shadowbox.open({
player: "iframe",
content: '/checkout/layer_change_gift.aspx?promocode=' + codeGift,
height: 350,
width: 640
});
}
else if (getNameLayer == 'codepromo') {
Shadowbox.open({
player: "iframe",
content: '/services/layer-key-code-capture.aspx',
height: 455,
width: 790
});
}
else if (getNameLayer == 'livraison') {
Shadowbox.open({
player: "iframe",
content: '/all_about_ccb/layer_reinsurance_delivery.aspx',
height: 600,
width: 594
});
}
else if (getNameLayer == 'echantillons') {
Shadowbox.open({
player: "iframe",
content: '/all_about_ccb/layer_reinsurance_sample.aspx',
height: 200,
width: 490
});
}
else if (getNameLayer == 'remboursement') {
Shadowbox.open({
player: "iframe",
content: '/all_about_ccb/layer_reinsurance_repayment.aspx',
height: 200,
width: 490
});
}
else if (getNameLayer == 'paiement') {
Shadowbox.open({
player: "iframe",
content: '/all_about_ccb/layer_reinsurance_payment.aspx',
height: 300,
width: 490
});
}
else if (getNameLayer == 'estheticienne') {
Shadowbox.open({
player: "iframe",
content: '/services/layer_conseil.aspx',
height: 288,
width: 640
});
}
else if (getNameLayer == 'video') {
Shadowbox.open({
player: "iframe",
content: '/animation/2011/A730/video_ipad.aspx',
height: 533,
width: 578
});
}
else if (getNameLayer == 'parfum') {
Shadowbox.open({
player: "iframe",
content: '/animation/2011/A765/video_parfum.aspx',
height: 480,
width: 640
});
}
else if (getNameLayer == 'cosmence') {
Shadowbox.open({
player: "iframe",
content: '/animation/2011/A755/video_cosmence.aspx',
height: 480,
width: 640
});
}
else if (getNameLayer == 'video_rouge_parfait') {
Shadowbox.open({
player: "iframe",
content: '/animation/2011/A780/video_rouge_parfait.aspx',
height: 480,
width: 640
});
}
else if (getNameLayer == 'livraison_offerte') {
Shadowbox.open({
player: "iframe",
content: '/animation/2011/A795/layer_livraison_gratuit.aspx',
height: 550,
width: 530
});
}
else if (getNameLayer == 'appli_ipad') {
Shadowbox.open({
player: "iframe",
content: '/services/layer_appli_ipad.aspx',
height: 533,
width: 578
});
}
else if (getNameLayer == 'kdo_PRM10') {
Shadowbox.open({
player: "iframe",
content: '/animation/2011/A701/PRM10/cadeau.aspx',
height: 600,
width: 600
});
}
else if (getNameLayer == 'suivi_commande') {
Shadowbox.open({
player: "iframe",
content: '/customer/layer_log-follow-order.aspx',
height: 220,
width: 430
});
}
else {
//ne rien afficher.
}
},
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.conciergerie
// Function relate to the conciergerie (link javascriptage)
//------------------------------------------------------------------------------------------------------
conciergerie: {
_base16: "0A12B34C56D78E9F",
encode: function(str) {
var retour = "";
for (var i = 0; i < str.length; i++) {
var cc = str.charCodeAt(i);
var ch = cc >> 4;
var cl = cc - (ch * 16);
retour += this._base16[ch] + this._base16[cl];
}
return "concierge" + retour;
},
decode: function(str) {
var retour = "";
for (var i = 0; i < str.length; i += 2) {
var ch = this._base16.indexOf(str.charAt(i));
var cl = this._base16.indexOf(str.charAt(i + 1));
retour += String.fromCharCode((ch * 16) + cl);
}
return retour;
},
init: function() {
var tagsA = J("span[class^=concierge]");
tagsA.each(function() {
var attrib = this.className.split(" ");
var url = CCB.conciergerie.decode(attrib[0].substring(9));
$this = jQuery(this);
$this
.after("").next()
.attr("class", $this.attr("class")).removeClass(attrib[0])
.attr("id", $this.attr("id"))
.attr("href", url)
.html($this.html());
if ($this.attr("title").length > 0)
$this.next().attr("title", $this.attr("title"));
if ($this.attr("rel") != null && $this.attr("rel").length > 0)
$this.next().attr("rel", $this.attr("rel"));
$this.remove();
CCB.ShadowBox.clear();
});
}
},
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.qas
// Function relate to QAS
//------------------------------------------------------------------------------------------------------
qas: {
flagValid: false, //Temp var = to know if QAS is verified or not (true=> QASValid = Y, false=> QASValid = N)
eventlist: "", //Temp var = the return of QAS WS (..VerifiedLevel, AddressResList.length, AddressResList[i].Line1/Line2/Line3/Line4/PostCode/City, .get_message())
htmlselectresult: "", //Temp var = used to build select in case multiple result QAS
page: {
formSelector: "", //var define for a form = the selector of the form
formType: "", //var define for a form = the page type where the form is displayed (page or layer)
formUrl: "", //var define for a form = the page URL where the form is displayed (ex: "/customer/signed/layer_modify_contact.aspx")
formUrlWidth: "", //var define for a form = if the form page type is layer, this is the width of the layer
formUrlHeight: "", //var define for a form = if the form page type is layer, this is the heigth of the layer
formBackToFlag: "", //var define for a form = flag to know the reason why customer back to form, can be 1)blank= default case, mean customer is not back to form 2)TRUE= customer decide to go back to form manually (click on button) 3)ERROR= when customer decide to choose QAS but at the data register, the WB postback the form with an error (empty field...) 4)ACCOUNT= when customer decide to choose QAS but at the data register, the WB postback with the error "accout still exist" (used when form page is layer)
formBackDataAjax: "", //var define for a form = used to stock the return of the ajax call customer form in case of error displayed by the webbox after the QAS result (used when form page is layer and when formBackToFlag is "error" or "account")
successType: "", //var define for a form = the page type in case of the form is success form (page or layer)
successUrl: "", //var define for a form = the page URL in case of the form is success (ex: "/customer/signed/layer_confirm-modify_contact.aspx")
successUrlWidth: "", //var define for a form = if the success page is layer, this is the width of the layer
successUrlHeight: "", //var define for a form = if the success page is layer, this is the heigth of the layer
ajaxCallUrl: "" //var define for a form = the page URL of the ajax call to update customer information (can be register, edit...)
},
/**
* CCB.qas.wsQasLoadingScreenStart : display the fader background on the form waiting the QAS return
*/
wsQasLoadingScreenStart: function() {
switch (CCB.qas.page.formType) {
case "layer":
CCB.parentselector.find("#qasloading").attr("style", "text-align:center; height:100%; width:100%; position:absolute; padding-top:150px; background-color:#FFFFFF; opacity:0.9; z-index:3000; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter: alpha(opacity=90);").html(' Merci de patienter...');
break;
case "page":
J("body").find("#shadowbox_container").css("visibility", "visible");
J("body").find("#shadowbox_overlay").attr("style", "background-color: #000000; opacity: 0.8; padding-top:20%; color:white").html(' Merci de patienter...');
J("body").find("#shadowbox_nav a").css("display", "none");
break;
}
},
/**
* CCB.qas.wsQasLoadingScreenStop : stop the fader background on the form waiting the QAS return
*/
wsQasLoadingScreenStop: function() {
switch (CCB.qas.page.formType) {
case "layer":
CCB.parentselector.find("#qasloading").attr("style", "").html("");
//Fix for IE8.The above statement does work for all browsers except IE8.Hence the below statement.
CCB.parentselector.find("#qasloading").removeAttr("style");
break;
case "page":
J("body").find("#shadowbox_container").css("visibility", "hidden");
J("body").find("#shadowbox_overlay").attr("style", "").html("");
break;
}
},
/**
* CCB.qas.wsQasCall : collect the information into the fake form created by CCB.qas.serializeCreateForm() and send them to the QAS WebService
*/
wsQasCall: function() {
var theForm = J("#form-to-submit");
var addressToTest = theForm.find("input[id='static_line3']").val() + "|" + theForm.find("input[id*='address_zip']").val() + "|" + theForm.find("input[id*='address_city']").val();
CCB.qas.wsQasLoadingScreenStart();
MicrosoftFrance.MCS.Commerce.WS.AJAXProject.QAS_WebService.VerifyAddressFromInput(addressToTest, CCB.qas.wsQasSuccess, CCB.qas.wsQasError);
},
/**
* CCB.qas.wsQasSuccess : called after the QAS WebService in case of success, QAS object is created (to know the QAS status and the address return by QAS)
*/
wsQasSuccess: function(e) {
CCB.qas.wsQasLoadingScreenStop();
CCB.qas.eventList = e;
switch (e.VerifiedLevel) {
case "Error":
CCB.qas.serializeUpdateFormQasNoAnswer(0);
CCB.qas.customerAjaxUpate();
break;
case "None":
CCB.qas.wsQasSuccessLayer("single");
break;
case "InteractionRequired":
CCB.qas.wsQasSuccessLayer("single");
break;
case "PremisesPartial":
CCB.qas.wsQasSuccessLayer("multiple");
break;
case "StreetPartial":
CCB.qas.wsQasSuccessLayer("multiple");
break;
case "Multiple":
CCB.qas.wsQasSuccessLayer("multiple");
break;
case "VerifiedAndUpdated":
CCB.qas.wsQasSuccessLayer("multiple");
break;
case "Verified":
CCB.qas.serializeUpdateFormQasOk(0);
CCB.qas.customerAjaxUpate();
break;
}
},
/**
* CCB.qas.wsQasSuccessLayer : in case of QAS status need to display a QAS layer (qas_unknownaddress or qas_multipleaddress)
*/
wsQasSuccessLayer: function(layerType) {
switch (layerType) {
case "single":
Shadowbox.open({ content: "/ajax/qas_unknownaddress.aspx", player: "iframe", height: 400, width: 600 });
break;
case "multiple":
Shadowbox.open({ content: "/ajax/qas_multipleaddress.aspx", player: "iframe", height: 400, width: 600 });
break;
}
},
/**
* CCB.qas.wsQasError : called after the QAS WebService in case of error, the error is displayed at the top of the form
*/
wsQasError: function(e) {
CCB.qas.wsQasLoadingScreenStop();
CCB.qas.page.formSelector.find("#form-msg").html("Error when calling QAS webmethod: [" + e.get_message() + "]");
return false;
},
/**
* CCB.qas.serializeCreateForm : called to create the fake form which is necessary to call an ajax customer update
*/
serializeCreateForm: function(formToSerialize) {
if (J("body").find("form#form-to-submit").length > 0) {
CCB.qas.serializeDeleteForm();
}
J("body").append('');
var theForm = J("#form-to-submit");
theForm.append(formToSerialize.html());
//Set Value for Chrome and Firefox : remove with jQuery 1.4
formToSerialize.find("select,textarea,input[type=text],input[type=hidden],input[type=password]").each(function(i, e) {
theForm.find("select,textarea,input[type=text],input[type=hidden],input[type=password]").eq(i).val(J(e).val());
});
formToSerialize.find("input[type=checkbox],input[type=radio]").each(function(i, e) {
theForm.find("input[type=checkbox],input[type=radio]").eq(i).attr("checked", J(e).attr("checked"));
});
theForm.find("input[id*='address_line1']").val("");
theForm.find("input[id*='address_line2']").val("");
theForm.find("input[id*='address_line3']").val("");
},
/**
* CCB.qas.serializeDeleteForm : called to delete the fake form (need to be called after all customer procedure update without page refreshing)
*/
serializeDeleteForm: function() {
J("#form-to-submit").remove();
},
/**
* CCB.qas.serializeUpdateFormQasOk : update the fake form after the customer select a valid QAS address or after a valid QAS entered by the customer (CCB.qas.flagValid = true mean QASValid = Y)
*/
serializeUpdateFormQasOk: function(item) {
var theForm = J("#form-to-submit");
theForm.find("input[id*='address_line1']").val(CCB.qas.eventList.AddressResList[item].Line2);
theForm.find("input[id*='address_line2']").val(CCB.qas.eventList.AddressResList[item].Line3);
theForm.find("input[id*='address_line3']").val(CCB.qas.eventList.AddressResList[item].Line1);
theForm.find("input[id*='address_zip']").val(CCB.qas.eventList.AddressResList[item].PostCode);
theForm.find("input[id*='address_city']").val(CCB.qas.eventList.AddressResList[item].City);
NoAnswer = 0;
CCB.qas.flagValid = true;
},
/**
* CCB.qas.serializeUpdateFormQasNoAnswer : Upadte With 'N' because The WebService QAS is Nok
*/
serializeUpdateFormQasNoAnswer: function() {
var theForm = J("#form-to-submit");
theForm.find("input[id*='address_line1']").val("");
theForm.find("input[id*='address_line2']").val("");
theForm.find("input[id*='address_line3']").val(theForm.find("input[id='static_line3']").val());
NoAnswer = 1;
CCB.qas.flagValid = false;
},
/**
* CCB.qas.serializeUpdateFormQasNok : update the fake form after the customer decide to keep his entered address without QAS recognition (CCB.qas.flagValid = false mean QASValid = N)
*/
serializeUpdateFormQasNok: function() {
var theForm = J("#form-to-submit");
theForm.find("input[id*='address_line1']").val("");
theForm.find("input[id*='address_line2']").val("");
theForm.find("input[id*='address_line3']").val(theForm.find("input[id='static_line3']").val());
theForm.find("input[id*='address_country']").val("France");
NoAnswer = 0;
CCB.qas.flagValid = false;
},
/**
* CCB.qas.serializeGetDataForm : function to serialize the fake form, just before sending all data serialized to the ajax call customer update
*/
serializeGetDataForm: function() {
var dataForm = J("#form-to-submit").serialize();
return dataForm;
},
/**
* CCB.qas.customerAjaxUpate : call the ajax page to update the customer form
*/
customerAjaxUpate: function() {
var dataForm = CCB.qas.serializeGetDataForm();
/* BEGIN obe.2010.09.22 => fix for /checkout/layer_change_otheraddress.aspx */
if (CCB.qas.page.formUrl == "/checkout/layer_change_otheraddress.aspx") {
CCB.qas.page.ajaxCallUrl = CCB.qas.page.ajaxCallUrl + "&edit=true&time=" + Math.round(Math.random() * 1000);
} else {
CCB.qas.page.ajaxCallUrl = CCB.qas.page.ajaxCallUrl;
}
/* END obe.2010.09.22 => fix for /checkout/layer_change_otheraddress.aspx */
J.post(CCB.qas.page.ajaxCallUrl, dataForm, function(data) {
if (data.match('') != null) {
CCB.qas.customerAjaxUpateError(data, "error");
} else if (data.match('') != null) {
CCB.qas.customerAjaxUpateError(data, "account");
} else if ((data.match('') != null) && ((data.match('') == null) && (data.match('') == null))) {
//If data updated success then, update EP QASValid depend on CCB.qas.flagValid and only if we are NOT on the @ delivery form
if ((CCB.qas.page.formUrl != "/checkout/layer_change_otheraddress.aspx") || (CCB.qas.page.formUrl != "/all_about_ccb/contact-customer-service.aspx")) {
if (CCB.qas.flagValid) {
if (CCB.qas.page.formUrl == "/services/catalog-request.aspx") {
J("#fakeFormCatalogRequest").append(J(data).filter("FORM").html());
var catalogRequestCuid = J("#fakeFormCatalogRequest").find("p#cuid").html();
var urlUpdateEP = CCB.Data.Site.Name + "/ajax/extpropupdate.aspx?property=QASValid&value=Y&cuid=" + catalogRequestCuid;
}
else {
var urlUpdateEP = CCB.Data.Site.Name + "/ajax/extpropupdate.aspx?property=QASValid&value=Y";
}
J.ajax({
type: "GET",
url: urlUpdateEP,
success: function() {
CCB.qas.customerAjaxUpateSuccess();
},
error: function() {
alert("error when processing!");
}
});
}
else {
if (NoAnswer == 1) {
if (CCB.qas.page.formUrl == "/services/catalog-request.aspx") {
J("#fakeFormCatalogRequest").append(J(data).filter("FORM").html());
var catalogRequestCuid = J("#fakeFormCatalogRequest").find("p#cuid").html();
var urlUpdateEP = CCB.Data.Site.Name + "/ajax/extpropupdate.aspx?property=QASValid&value=N&cuid=" + catalogRequestCuid;
}
else {
var urlUpdateEP = CCB.Data.Site.Name + "/ajax/extpropupdate.aspx?property=QASValid&value=N";
}
}
else {
if (CCB.qas.page.formUrl == "/services/catalog-request.aspx") {
J("#fakeFormCatalogRequest").append(J(data).filter("FORM").html());
var catalogRequestCuid = J("#fakeFormCatalogRequest").find("p#cuid").html();
var urlUpdateEP = CCB.Data.Site.Name + "/ajax/extpropupdate.aspx?property=QASValid&value=C&cuid=" + catalogRequestCuid;
}
else {
var urlUpdateEP = CCB.Data.Site.Name + "/ajax/extpropupdate.aspx?property=QASValid&value=C";
}
}
J.ajax({
type: "GET",
url: urlUpdateEP,
success: function() {
CCB.qas.customerAjaxUpateSuccess();
},
error: function() {
alert("error when processing!");
}
});
}
}
}
/* BEGIN obe.2010.09.22 => */
else {
alert("error on updating data !");
}
/* END obe.2010.09.22 => */
});
},
/**
* CCB.qas.customerAjaxUpateSuccess : if the webbox of the ajax call page to update the customer form return a success
*/
customerAjaxUpateSuccess: function() {
CCB.qas.serializeDeleteForm();
switch (CCB.qas.page.successType) {
case "layer":
Shadowbox.open({ content: CCB.qas.page.successUrl, player: "iframe", height: CCB.qas.page.successUrlHeight, width: CCB.qas.page.successUrlWidth });
break;
case "page":
CCB.Services.RedirectTo("parent", CCB.qas.page.successUrl);
break;
}
},
/**
* CCB.qas.customerAjaxUpateError : if the webbox of the ajax call page to update the customer form return an error
*/
customerAjaxUpateError: function(data, typeError) {
switch (CCB.qas.page.formType) {
case "layer":
CCB.qas.page.formBackToFlag = typeError;
CCB.qas.page.formBackDataAjax = data;
Shadowbox.open({ content: CCB.qas.page.formUrl, player: "iframe", height: CCB.qas.page.formUrlHeight, width: CCB.qas.page.formUrlWidth });
break;
case "page":
CCB.qas.page.formSelector.children().remove();
CCB.qas.page.formSelector.append(J(data).filter("FORM").html());
switch (typeError) {
case "error":
CCB.qas.page.formSelector.find("#form-msg").html(CCB.loctxt.error.checkredfield);
break;
case "account":
CCB.qas.page.formSelector.find("#form-msg").html(CCB.loctxt.error.checkexistingaccount);
break;
}
parent.Shadowbox.close();
CCB.Form.displayAddress(CCB.qas.page.formSelector);
CCB.Form.init(CCB.qas.page.formSelector);
//case of there is input[id$='loginNew']
if (CCB.qas.page.formSelector.find("input[id$='loginNew']").length > 0) {
CCB.qas.page.formSelector.find("input[id$='email']").blur(function() {
CCB.Customer.setLoginWithEmail();
});
}
CCB.qas.page.formSelector.find("#qas-submit").click(function() {
var isValidForm = CCB.Form.submitIsValid(CCB.qas.page.formSelector);
if (isValidForm) {
CCB.qas.serializeCreateForm(CCB.qas.page.formSelector);
CCB.qas.wsQasCall();
}
return false;
});
break;
}
CCB.qas.serializeDeleteForm();
return false;
},
/**
* CCB.qas.customerBackToForm : after the load of a QAS layer (qas_unknownaddress or qas_multipleaddress), if the customer decide to go back to the form to update some data
*/
customerBackToForm: function() {
switch (CCB.qas.page.formType) {
case "layer":
CCB.qas.page.formBackToFlag = true;
Shadowbox.open({ content: CCB.qas.page.formUrl, player: "iframe", height: CCB.qas.page.formUrlHeight, width: CCB.qas.page.formUrlWidth });
break;
case "page":
parent.Shadowbox.close();
parent.document.getElementById("static_line3").focus();
break;
}
},
/**
* CCB.qas.customerBackToFormDataRecovery : if the customer decide to go back to the form to update some data, if the form page is a layer, the data need to be recovered with the fake form
*/
customerBackToFormDataRecovery: function() {
var theForm = J("#form-to-submit");
var formToRecover = CCB.qas.page.formSelector;
//Set Value for Chrome and Firefox : remove with jQuery 1.4
theForm.find("select,textarea,input[type=text],input[type=hidden],input[type=password]").each(function(i, e) {
formToRecover.find("select,textarea,input[type=text],input[type=hidden],input[type=password]").eq(i).val(J(e).val());
});
theForm.find("input[type=checkbox],input[type=radio]").each(function(i, e) {
formToRecover.find("input[type=checkbox],input[type=radio]").eq(i).attr("checked", J(e).attr("checked"));
});
CCB.qas.page.formBackToFlag = false;
CCB.qas.serializeDeleteForm();
}
},
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.ShadowBox
// Function relate to the ShadowBox
//------------------------------------------------------------------------------------------------------
ShadowBox: {
state: false,
refreshParent: false,
open: function(element) {
//alert("Open ShadowBox (step1)");
},
close: function(element) {
//alert("Close ShadowBox");
CCB.ShadowBox.state = false;
CCB.Layout.inputTxt = "";
if (CCB.ShadowBox.refreshParent) {
parent.location.href = parent.location.href;
}
},
change: function(element) {
//alert("Change ShadowBox");
},
load: function(element) {
//alert("Load ShadowBox (step2)");
//J("#shadowbox_content").load(CCB.ShadowBox.loadContent);
var content = J("#shadowbox_content").contents();
J("#shadowbox_content").load(CCB.ShadowBox.loadContent);
CCB.ShadowBox.loadContent();
CCB.ShadowBox.state = true;
},
loadContent: function() {
//alert("afterload ShadowBox (step3)");
//Launch CCB JavaScript Namespace Engine for ShadowBox layer
var ccblayerjs = J("#shadowbox_content").contents().find("#ccbjs");
if (CCB.Layer && ccblayerjs.length > 0) {
var functions = ccblayerjs.val().split(" ");
J.each(functions, function() {
var func = CCB.Layer[this];
if (typeof (func) == "function") { func.apply(); }
else if (CCB.debug) { /*alert("CCB.Layer." + this + " don't exist !!!");*/ }
});
}
//Init close shadowbox on class btn_class click event
J("#shadowbox_content").contents().find(".btn_close").click(function() { parent.Shadowbox.close(); });
},
clear: function() {
//Shadowbox.clearCache(); /*=> generate IE6 BUG
Shadowbox.setup();
}
},
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.Layout
// Function relate to the Layout
//------------------------------------------------------------------------------------------------------
Layout: {
inputTxtDefault: "",
inputTxt: "",
//INIT LAYOUT FUNCTION
init: function() {
CCB.conciergerie.init();
//Input focus/blur update default text
J("input[class*='hideTxt']").focus(function() {
CCB.Layout.inputTxtDefault = J(this).val();
J(this).val("");
});
J("input[class*='hideTxt']").keyup(function() {
CCB.Layout.inputTxt = J(this).val();
});
J("input[class*='hideTxt']").blur(function() {
CCB.Layout.inputTxt = J(this).val();
if (J(this).val() == "") {
J(this).val(CCB.Layout.inputTxtDefault);
}
});
//Ajout de la page aux Favoris. AP10022010
J("#ajqbookmark").click(function(event) {
event.preventDefault(); // prevent the anchor tag from sending the user off to the link
var url = this.href;
var title = J("TITLE").text();
if (window.sidebar) { // Mozilla Firefox Bookmark
window.sidebar.addPanel(title, url, "");
} else if (window.external) { // IE Favorite
window.external.AddFavorite(url, title);
} else if (window.opera) { // Opera 7+
return false; // do nothing - the rel="sidebar" should do the trick
} else { // for Safari, Konq etc - browsers who do not support bookmarking scripts (that i could find anyway)
alert('Malheureusement, ce browser ne supporte pas la fonction de bookmark');
}
return false;
});
J("input[id*='searchInput']").keyup(function() { //Init search word
CCB.loctxt.search.tofind = J(this).val();
});
J("a[id*='searchBt']").click(CCB.Services.GoToSearchPage);
J("input[id*='searchBt']").click(CCB.Services.GoToSearchPage);
J("a[id*='subprommail']").click(CCB.Services.NewsletterRegister);
J("a[id*='subkeycode']").click(CCB.Services.KeyCodeLoad);
// Keycode header field
J("input[id*='inputsubkeycode']").keyup(function() {
var keycodefield = J(this).val().toUpperCase().replace(" ", "");
J(this).val(keycodefield);
});
//Find mini basket go to basket
if (J("#minibasketgotobasket").length >= 1) {
CCB.Services.RedirectTo("", "/checkout/shopping-card.aspx");
}
//Find div btn_panier of mini basket go to basket when user click
J("#btn_panier").click(function() {
CCB.Services.RedirectTo("", "/checkout/shopping-card.aspx");
});
//Find button "Finaliser votre commande" ;check if OpenSet is valid before go to checkout Identification Page
J("a[id*='hrefvalidpanier']").click(function() {
/*
if (J("#offrespeciale_minipanier").length > 0) {
Shadowbox.open({
content: "/catalog/layer_open-set_basketerror.aspx?osid="+J("#opensetid").val(),
player: "iframe",
height: 380,
width: 620
});
}
else
{CCB.Services.RedirectTo("","/checkout/identification.aspx?successurl=delivery.aspx");}
*/
CCB.Services.RedirectTo("", "/checkout/identification.aspx?successurl=delivery.aspx");
});
//Find promoted price
var parentselector = J("#col_centrale").contents();
CCB.Services.PromotedPrice(parentselector);
//old function : CCB.KeyListener.init();
CCB.Services.KeyListener.onPage();
}
},
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.Catalog
// Function relate to Catalog
//------------------------------------------------------------------------------------------------------
Catalog: {
Product: {
updatePrdSelectRef: function(parentselector, varcode) {
parentselector.find("select#prd_selectref option").each(function() {
if (J(this).attr("value").split('#')[1] == varcode) {
J(this).attr('selected', 'selected');
parentselector.find("span.select_medium").html(J(this).attr("value").split('#')[2] + " " + varcode);
}
else {
J(this).attr('selected', '');
}
});
},
updatePrdShade: function(parentselector) {
parentselector.find("ul.cc_ficheproduit-details-palette a").removeClass("actif");
parentselector.find("a[id='prd_shade" + CCB.Product.Info.VCode + "']").addClass("actif");
},
updatePrdImg: function(parentselector) {
parentselector.find("#prd_img").attr("src", '/img/products/large/' + CCB.Product.Info.PCode + '_' + CCB.Product.Info.VCode + '_L.jpg');
parentselector.find("#prd_zoom").attr("href", "/ajax/productzoom.aspx?pcode=" + CCB.Product.Info.PCode + "&varcode=" + CCB.Product.Info.VCode);
CCB.ShadowBox.clear();
},
updatePrdBookmark: function() {
J("#prd_bookmark").attr("href", '/customer/signed/layer_favoris_add.aspx?varcode=' + CCB.Product.Info.VCode);
CCB.ShadowBox.clear();
},
updatePrdFriend: function() {
J("#prd_friend").attr("href", '/customer/signed/layer_message_for_friend.aspx?varcode=' + CCB.Product.Info.VCode);
CCB.ShadowBox.clear();
},
updatePrdStock: function(parentselector) {
if (CCB.Product.Info.VStock > 100)
parentselector.find("span#prd_stock").html("Disponibilité : en stock");
else if (CCB.Product.Info.VStock <= 100 && CCB.Product.Info.VStock > 0)
parentselector.find("span#prd_stock").html("Disponibilité : limitée");
else
parentselector.find("span#prd_stock").html("Disponibilité : indisponible");
},
updatePrdCapacity: function(parentselector) {
if (CCB.Product.Info.PEPCoefUM == "" || CCB.Product.Info.PEPCapacity == "" || CCB.Product.Info.PEPUnit == "") {
parentselector.find("span#prd_capacityprice").html("");
}
else {
var MontantMainPrice = CCB.Product.Info.VPriceMain.replace(/,/gi, ".");
MontantMainPrice = MontantMainPrice.replace(/\u20AC/gi, "");
MontantNewMainPrice = Math.round((parseFloat(MontantMainPrice) * parseFloat(CCB.Product.Info.PEPCoefUM.replace(/,/gi, "."))) * 100) / 100;
var MontantNewMainPriceAffich = new String(MontantNewMainPrice);
MontantNewMainPriceAffich = MontantNewMainPriceAffich.replace(".", ",");
parentselector.find("span#prd_capacityprice").html("Prix au " + CCB.Product.Info.PEPCapacity + CCB.Product.Info.PEPUnit + " : " + MontantNewMainPriceAffich + " €");
}
},
updatePrdBtnBasket: function(parentselector) {
if (CCB.Product.Info.VStock > 0) {
if (CCB.ShadowBox.state) {
//We are in shadowbox => layer select shade, the href add to basket is simple
//parentselector.find("p#prd_btnbasket a").attr("href", "/ajax/addproduct.aspx?varcode="+CCB.Product.Info.VCode+"&qty="+CCB.Product.Info.QtyToAdd).attr("rel", "").html("Ajouter au panier");
parentselector.find("p#prd_btnbasket").html("Ajouter au panier").fadeIn("slow");
}
else {
//We are in product page => the href add to basket is opened into shadowbox
//parentselector.find("p#prd_btnbasket a").attr("href", "/ajax/addproduct.aspx?varcode="+CCB.Product.Info.VCode+"&qty="+CCB.Product.Info.QtyToAdd).attr("rel", "shadowbox;width=622;height=450;title= ;").html("Ajouter au panier");
parentselector.find("p#prd_btnbasket").html("Ajouter au panier").fadeIn("slow");
CCB.ShadowBox.clear();
}
parentselector.find("p#prd_btnbasket").attr("class", "cc_ficheproduit-ajouterpanier");
}
else {
parentselector.find("p#prd_btnbasket").html("Produit indisponible").fadeIn("slow");
parentselector.find("p#prd_btnbasket").attr("class", "cc_ficheproduit-indisponible-btn");
}
},
updatePrdBtnOpenSet: function(parentselector) {
parentselector.find("input[id*='opensetvar']").val(CCB.Product.Info.VCode);
if (CCB.ShadowBox.state) {
parentselector.find("p[id*='opensetbtn']").css("visibility", "hidden");
if (CCB.Product.Info.VStock > 0) {
if (CCB.Product.Info.VOpenSet.length > 0) {
CCB.Product.Info.VOpenSet.split("/").each(function(i) {
parentselector.find("p[id='opensetbtn" + i + "']").css("visibility", "visible");
});
}
}
} else {
parentselector.find("p[id*='opensetbtn']").css("display", "none");
if (CCB.Product.Info.VStock > 0) {
if (CCB.Product.Info.VOpenSet.length > 0) {
CCB.Product.Info.VOpenSet.split("/").each(function(i) {
parentselector.find("p[id='opensetbtn" + i + "']").css("display", "inline");
});
}
}
}
},
updatePrdPrice: function(parentselector) {
if (CCB.Product.Info.VPriceNew != null && CCB.Product.Info.VPriceNew != "" && CCB.Product.Info.VPriceNew != "0,00 €" && CCB.Product.Info.VPriceNew != CCB.Product.Info.VPriceMain) {
//Promo Price
if (ComputePromotion(CCB.Product.Info.VPriceUnit, CCB.Product.Info.VPriceNew) == 'Prix special') {
parentselector.find("p#prd_pricepromo").attr("class", "cc_ficheproduit-promo").html(ComputePromotion(CCB.Product.Info.VPriceUnit, CCB.Product.Info.VPriceNew));
}
else {
parentselector.find("p#prd_pricepromo").attr("class", "cc_ficheproduit-promo").html("-" + ComputePromotion(CCB.Product.Info.VPriceUnit, CCB.Product.Info.VPriceNew) + "%");
}
parentselector.find("p#prd_price").attr("class", "cc_ficheproduit-prix").html(CCB.Product.Info.VPriceNew);
parentselector.find("p#prd_pricemain").attr("class", "cc_ficheproduit-prixbarre").html(CCB.Product.Info.VPriceUnit);
var reduc = parseFloat(CCB.Product.Info.VPriceUnit.replace(",", ".")) - parseFloat(CCB.Product.Info.VPriceNew.replace(",", "."));
var affichreduc = (reduc.toFixed(2) + "").replace(".", ",");
parentselector.find("p#prd_pricesave").attr("class", "cc_ficheproduit-economie").html("Vous économisez " + affichreduc + " €");
var pourcentage = ComputePromotion(CCB.Product.Info.VPriceUnit, CCB.Product.Info.VPriceNew);
//alert(pourcentage);
if (pourcentage == '95') {
parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_65-95');
}
else if (pourcentage == '90')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_65-95'); }
else if (pourcentage == '85')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_65-95'); }
else if (pourcentage == '80')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_65-95'); }
else if (pourcentage == '75')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_65-95'); }
else if (pourcentage == '70')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_65-95'); }
else if (pourcentage == '65')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_65-95'); }
else if (pourcentage == '60')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_60'); }
else if (pourcentage == '55')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_55'); }
else if (pourcentage == '50')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_50'); }
else if (pourcentage == '45')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_45'); }
else if (pourcentage == '40')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_40'); }
else if (pourcentage == '35')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_35'); }
else if (pourcentage == '30')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_30'); }
else if (pourcentage == '25')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_25'); }
else if (pourcentage == '20')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_10-15-20'); }
else if (pourcentage == '15')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_10-15-20'); }
else if (pourcentage == '10')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_10-15-20'); }
else if (pourcentage == '5')
{ parentselector.find("p[class*='cc_ficheproduit-promo']").removeClass('cc_ficheproduit-promo').addClass('reduc_L_10-15-20'); }
}
else if (CCB.Product.Info.PEPBlue == 1) {
//Blue Price
parentselector.find("p#prd_pricepromo").attr("class", "cc_ficheproduit-nopromo").html("");
parentselector.find("p#prd_price").attr("class", "cc_ficheproduit-prixbleu").html(CCB.Product.Info.VPriceMain);
parentselector.find("p#prd_pricemain").removeClass().html("");
parentselector.find("p#prd_pricesave").removeClass().html("");
}
else if (CCB.Product.Info.VOpenSet.length > 0) {
//Open set Price
parentselector.find("p#prd_pricepromo").attr("class", "cc_ficheproduit-promo_offre").html("Offre spéciale");
parentselector.find("p#prd_price").attr("class", "cc_ficheproduit-prix").html(CCB.Product.Info.VPriceMain);
parentselector.find("p#prd_pricemain").removeClass().html("");
parentselector.find("p#prd_pricesave").removeClass().html("");
}
else {
//Normal Price
parentselector.find("p#prd_pricepromo").attr("class", "cc_ficheproduit-nopromo").html("");
parentselector.find("p#prd_price").attr("class", "cc_ficheproduit-prix").html(CCB.Product.Info.VPriceMain);
parentselector.find("p#prd_pricemain").removeClass().html("");
parentselector.find("p#prd_pricesave").removeClass().html("");
}
},
updateEcoTaxe: function(parentselector) {
if (CCB.Product.Info.PEPEcoTaxe != "") {
parentselector.find("p#prd_ecotaxe").html("Eco-participation : " + CCB.Product.Info.PEPEcoTaxe + " €");
}
else {
//Pas de Eco-partivcipation
parentselector.find("p#prd_ecotaxe").html(" ");
}
},
updateAssociationInfo: function() {
J.ajax({
type: "GET",
url: "/ajax/productassociation.aspx",
data: "varcode=" + CCB.Product.Info.VCode, //+"&time"+Math.round(Math.random()*1000),
success: function(msg) {
if (msg.length > 0) {
J("#slideCrossSelling").css("display", "inline");
J('#cc_relationsproduits-xhr').html(msg);
//-> DEBUT voir JIRA AICCBFR-91
J('#cc_relationsproduits-xhr').find("div[class='rp_resultat']").each(function(i) {
if (J(this).find("input").length > 0) {
var fullPrice = J(this).find("input").attr("value").split('#')[0];
var promoPrice = J(this).find("input").attr("value").split('#')[1];
J(this).find("p.rp_promo").html(CCB.Services.ComputeAndDisplayPromotion(fullPrice.StringToCurrency(), promoPrice.StringToCurrency()));
J(this).find("p.rp_economie").html("Vous économisez " + CCB.Services.WriteReduc(fullPrice.StringToCurrency(), promoPrice.StringToCurrency()).CurrencyToString("2", "€"));
var pourcentage = CCB.Services.ComputeAndDisplayPromotion(fullPrice.StringToCurrency(), promoPrice.StringToCurrency());
//alert(pourcentage);
if (pourcentage == '-95%') {
J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_65-95');
}
else if (pourcentage == '-90%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_65-95'); }
else if (pourcentage == '-85%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_65-95'); }
else if (pourcentage == '-80%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_65-95'); }
else if (pourcentage == '-75%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_65-95'); }
else if (pourcentage == '-70%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_65-95'); }
else if (pourcentage == '-65%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_65-95'); }
else if (pourcentage == '-60%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_60'); }
else if (pourcentage == '-55%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_55'); }
else if (pourcentage == '-50%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_50'); }
else if (pourcentage == '-45%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_45'); }
else if (pourcentage == '-40%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_40'); }
else if (pourcentage == '-35%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_35'); }
else if (pourcentage == '-30%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_30'); }
else if (pourcentage == '-25%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_25'); }
else if (pourcentage == '-20%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_10-15-20'); }
else if (pourcentage == '-15%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_10-15-20'); }
else if (pourcentage == '-10%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_10-15-20'); }
else if (pourcentage == '-5%')
{ J(this).find("p[class*='rp_promo']").removeClass('rp_promo').addClass('rp_reduc_M_10-15-20'); }
}
});
//-> FIN voir JIRA AICCBFR-91
//Find and decode hidden link (javascriptage) on "/ajax/productassociation.aspx"
J('#cc_relationsproduits-xhr').find("span[class^=concierge]").each(function() {
var attrib = this.className.split(" ");
var url = CCB.conciergerie.decode(attrib[0].substring(9));
$this = jQuery(this);
$this
.after("").next()
.attr("class", $this.attr("class")).removeClass(attrib[0])
.attr("id", $this.attr("id"))
.attr("href", url)
.html($this.html());
if ($this.attr("title").length > 0)
$this.next().attr("title", $this.attr("title"));
if ($this.attr("rel") != null && $this.attr("rel").length > 0)
$this.next().attr("rel", $this.attr("rel"));
$this.remove();
CCB.ShadowBox.clear();
});
}
else {
J("#slideCrossSelling").css("display", "none");
J('#cc_relationsproduits-xhr').html(msg);
}
CCB.ShadowBox.clear();
}
});
},
updateProductInfo: function(parentselector) {
CCB.Product = CCB.Product || {};
J.extend(CCB.Product, {
Info: {
PCode: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[0],
VCode: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[1],
VName: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[2],
VStock: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[3],
VPriceMain: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[4],
VPriceNew: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[5],
VPriceUnit: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[6],
PEPBlue: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[7],
PEPEcoTaxe: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[8],
PEPCoefUM: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[9],
PEPCapacity: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[10],
PEPUnit: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[11],
PEPTopSalesNew: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[12],
PEPTopSales: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[13],
PEPNew: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[14],
VEPNew: parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[15],
VOpenSet: (!parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[16]) ? "" : parentselector.find("select#prd_selectref option:selected").attr("value").split('#')[16],
QtyToAdd: parentselector.find("select[id*='prd_selectqty']").val()
}
});
}
}
},
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.Customer
// Function relate to Customer
//------------------------------------------------------------------------------------------------------
Customer: {
setLoginWithEmail: function() {
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
parentselector.find("input[id$='loginNew']").val(parentselector.find("input[id$='email']").val());
} else {
J("input[id$='loginNew']").val(J("input[id$='email']").val());
}
}
},
//------------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------------
// CCB.Form
// Function relate to Form
//------------------------------------------------------------------------------------------------------
Form: {
/**
* CCB.Form.init : Validate a form on the ready page, display red cross is field is wrong, or green ico is field is correct ; set focus, blur and keyup field function
* @param parentselector : This is the selector contain the form to valid (can be a div inside a simple html page or a div containt layer iframe shadowbox)
*/
init: function(parentselector) {
CCB.Form.checkCityList(parentselector);
parentselector.find("input.validate").each(function(i) {
var obj = J(this);
var isError = CCB.Form.checkblank(obj.val());
if (!isError) {
var userFieldPos = CCB.Form.SearchFieldPosition(obj);
if (userFieldPos == 2 || userFieldPos == 3 || userFieldPos == 4 || userFieldPos == 17 || userFieldPos == 19) {
isError = CCB.Form.checkSpecialField(parentselector, obj, userFieldPos);
}
else {
isError = (!obj.val().match(CCB.locexpusein.field.user[userFieldPos])) ? true : false;
}
}
CCB.Form.displayFormValidateInfo(obj, isError);
});
CCB.Form.setRedBorder();
parentselector.find("input[id*='lname']").focus();
parentselector.find("input.validate").focus(function() {
CCB.Form.fieldFocus(parentselector, J(this));
});
parentselector.find("input.validate").keyup(function() {
CCB.Form.fieldKeyup(parentselector, J(this));
});
parentselector.find("input.validate").blur(function() {
CCB.Form.fieldBlur(parentselector, J(this));
});
},
/**
* CCB.Form.fieldFocus : on focus field, if tooltip is displayed > remove it
* @param parentselector : Selector contain the form to valid
* @param obj : current field
*/
fieldFocus: function(parentselector, obj) {
if (CCB.ShadowBox.state) {
var myIdDivError = parentselector.find("div#Error_" + obj.attr("id"));
}
else {
var myIdDivError = J("div#Error_" + obj.attr("id"));
}
if (myIdDivError.length > 0) {
CCB.Form.removeToolTip(myIdDivError);
}
},
/**
* CCB.Form.fieldKeyup : on keyup field, if length field > 1, check if error and display red cross (field wrong) or green ico (field correct)
* @param parentselector : Selector contain the form to valid
* @param obj : current field
*/
fieldKeyup: function(parentselector, obj) {
var isError = false;
if (obj.val().length > 1) {
var userFieldPos = CCB.Form.SearchFieldPosition(obj);
if (userFieldPos == 2 || userFieldPos == 3 || userFieldPos == 4 || userFieldPos == 17 || userFieldPos == 19) {
isError = CCB.Form.checkSpecialField(parentselector, obj, userFieldPos);
}
else { //Cas ok
isError = (!obj.val().match(CCB.locexpusein.field.user[userFieldPos])) ? true : false;
}
CCB.Form.displayFormValidateInfo(obj, isError);
}
},
/**
* CCB.Form.fieldBlur : on blur field, if length field > 1, check if error and display red cross and tooltip (field wrong) or green ico (field correct)
* @param parentselector : Selector contain the form to valid
* @param obj : current field
*/
fieldBlur: function(parentselector, obj) {
var isError = false;
if (obj.val().length >= 1) {
var userFieldPos = CCB.Form.SearchFieldPosition(obj);
if (userFieldPos == 2 || userFieldPos == 3 || userFieldPos == 4 || userFieldPos == 17 || userFieldPos == 19) {
isError = CCB.Form.checkSpecialField(parentselector, obj, userFieldPos);
}
else {
isError = (!obj.val().match(CCB.locexpusein.field.user[userFieldPos])) ? true : false;
}
if (userFieldPos == 2 || userFieldPos == 3 || userFieldPos == 4)
CCB.Form.displayFormValidateInfo(obj, isError);
else
CCB.Form.displayFormValidateInfo(obj, isError, userFieldPos, true);
}
else {
CCB.Form.setRedCross(obj);
}
},
/**
* CCB.Form.submitIsValid : on submit form, check all field (with class="validate"), if wrong => display red cross and tooltip, if correct => display green ico
* @param parentselector : Selector contain the form to valid
* @return isValid : TRUE if no field error was found, FALSE if at least one error was found
*/
submitIsValid: function(parentselector) {
var isValid = true;
var isErrorBirthDate = false;
//1.remove all tooltip error
if (CCB.ShadowBox.state) {
var myIdDivError = parentselector.find("div[id*='Error_']");
}
else {
var myIdDivError = J("body").find("div[id*='Error_']");
}
if (myIdDivError.length > 0) {
CCB.Form.removeToolTip(myIdDivError);
}
//2. Loop to check all input with class .validate
parentselector.find("input.validate").each(function(i) {
var obj = J(this);
var isError = CCB.Form.checkblank(obj.val()); //true if blank field
var userFieldPos = CCB.Form.SearchFieldPosition(obj);
if (userFieldPos == 14) { //field address_city (if webbox found multiple city for specific zip code then a select is displayed
if (parentselector.find("select[id*='customer_citylist']").css("display") == "none") {
if (isError) {
CCB.Form.setToolTip(obj, CCB.loctxt.field.blank);
CCB.Form.setRedCross(obj);
}
else {
isError = (!obj.val().match(CCB.locexpusein.field.user[userFieldPos])) ? true : false;
CCB.Form.displayFormValidateInfo(obj, isError, userFieldPos, true);
}
}
else {
objList = parentselector.find("input[id*='address_city']");
isError = (objList.val() == "") ? true : false;
if (isError) {
CCB.Form.setToolTip(obj, CCB.loctxt.field.blank);
CCB.Form.setRedCross(obj);
}
else {
CCB.Form.setGreenCross(objList);
}
}
}
else if (isError) {
CCB.Form.setToolTip(obj, CCB.loctxt.field.blank);
CCB.Form.setRedCross(obj);
}
else {
if (userFieldPos == 2 || userFieldPos == 3 || userFieldPos == 4) { //field birthdate
isError = CCB.Form.checkSpecialField(parentselector, obj, userFieldPos);
if (isError) {
isErrorBirthDate = true;
}
CCB.Form.displayFormValidateInfo(parentselector.find("input[id*='birthday']"), isErrorBirthDate, "2", true);
}
else if (userFieldPos == 17 || userFieldPos == 19) { //field specific
isError = CCB.Form.checkSpecialField(parentselector, obj, userFieldPos);
CCB.Form.displayFormValidateInfo(obj, isError, userFieldPos, true);
}
else {//field normal (check corresponding regex)
isError = (!obj.val().match(CCB.locexpusein.field.user[userFieldPos])) ? true : false;
CCB.Form.displayFormValidateInfo(obj, isError, userFieldPos, true);
}
}
//if isError is true, then generic var isValid (form) is false
if (isError)
isValid = false;
});
//Specific case in delivery post 24 :
if ((parentselector.find("input#checklaposte24").length > 0) || (parentselector.find("input#otherposte24").length > 0)) {
isError = CCB.Form.prohibitedDeliveryZip(parentselector.find("input[id*='address_zip']"));
if (isValid && isError) {
isValid = false;
}
}
//3. if isValid (form) is false, return false
return isValid;
},
/**
* Get the birthdate from the 3 birth field (year, month, day)
* @param parentselector : This is the selector contain the form to valid (can be a div inside a simple html page or a div containt layer iframe shadowbox)
* @param obj : This is the object field
* @param userFieldPos : Position of the field selected (corresponding the array CCB.locvar.field.used (ccb.loc.js))
* @param showToolTip : Boolean to know if tooltip have to be displayed
* @return isValidSpecial
*/
checkSpecialField: function(parentselector, obj, userFieldPos) {
var isError = false;
var isErrorDay = false;
var isErrorMonth = false;
var isErrorYear = false;
switch (userFieldPos) {
case 2: //birthdate day
var myBirthDay = CCB.Form.getBirthDay();
isError = ((myBirthDay >= 1) && (myBirthDay <= 31)) ? false : true;
isErrorDay = ((myBirthDay >= 1) && (myBirthDay <= 31)) ? false : true;
break;
case 3: //birthdate month
var myBirthMonth = CCB.Form.getBirthMonth();
isError = ((myBirthMonth >= 1) && (myBirthMonth <= 12)) ? false : true;
isErrorMonth = ((myBirthMonth >= 1) && (myBirthMonth <= 12)) ? false : true;
break;
case 4: //birthdate year
var myBirthYear = CCB.Form.getBirthYear();
isError = ((myBirthYear >= 1920) && (myBirthYear <= 2000)) ? false : true;
isErrorYear = ((myBirthYear >= 1920) && (myBirthYear <= 2000)) ? false : true;
break;
case 17: //ad_form > search footer
var mail1 = parentselector.find("input[id*='email']").val();
isError = (mail1 == obj.val()) ? false : true;
break;
case 19: //smd_box > newsletter footer
var pass1 = parentselector.find("input[id*='password']").val();
isError = (pass1 == obj.val()) ? false : true;
break;
}
if ((isErrorDay == true) || (isErrorMonth == true) || (isErrorYear == true)) {
return true;
}
else {
return isError;
}
},
/**
* CCB.Form.displayFormValidateInfo : display the form javascript validation info (cross, tooltip)
* @param obj : This is the object field
* @param isError : Boolean to know if the field is wrong (true) or not (false)
* @param userFieldPos : Position of the field selected (corresponding the array CCB.locvar.field.used (ccb.loc.js))
* @param showToolTip : Boolean to know if tooltip have to be displayed
*/
displayFormValidateInfo: function(obj, isError, userFieldPos, showToolTip) {
if (isError) {
CCB.Form.setRedCross(obj);
if (showToolTip)
CCB.Form.setToolTip(obj, CCB.loctxt.field.user[userFieldPos]);
} else {
CCB.Form.setGreenCross(obj);
}
},
/**
* CCB.Form.checkblank :check if field value is blank (remove space before check)
* @param input : value of the field input
* @return boolean : false if field value is empty, true if field value is not empty
*/
checkblank: function(input) {
return (input.replace(/^\s*|\s*$/g, '') == '') ? true : false;
},
/**
* CCB.Form.checkregex : check if field value match with a regex
* @param input : value of the field input
* @param regex : value of the regex
* @return boolean : true if field value match with regex if not false
*/
checkregex: function(input, regex) {
return (!input.match(regex)) ? false : true;
},
/**
* CCB.Form.SearchFieldPosition : search the corresponding position of a field from array CCB.locvar.field.user (ccb.loc.js)
* @param obj : the field object
* @return myPosition : the position of the field into array CCB.locvar.field.user (ccb.loc.js)
*/
SearchFieldPosition: function(obj) {
var myId = obj.attr("id");
var myPosition;
J.each(CCB.locvar.field.user, function(i) {
if (myId.match(this)) {
//check specific user field case
switch (i) {
case 16: //as "email_conf" (CCB.locvar.field.user[17]) contain "email" (CCB.locvar.field.user[16])
if (myId.match(CCB.locvar.field.user[i + 1]))
i = i + 1;
case 18: //s "password_conf" (CCB.locvar.field.user[19]) contain "password" (CCB.locvar.field.user[18])
if (myId.match(CCB.locvar.field.user[i + 1]))
i = i + 1;
break;
}
myPosition = i;
}
});
return myPosition;
},
/**
* CCB.Form.getBirthDate : Get the birthdate from the 3 birth field (year, month, day)
* @return myBirthDate : This is the birthdate
*/
getBirthDate: function() {
var myBirthDate;
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
myBirthDate = parentselector.find("input[id*='birthyear']").val() + "-" + parentselector.find("input[id*='birthmonth']").val() + "-" + parentselector.find("input[id*='birthday']").val();
}
else {
myBirthDate = J("input[id*='birthyear']").val() + "-" + J("input[id*='birthmonth']").val() + "-" + J("input[id*='birthday']").val();
}
return myBirthDate;
},
getBirthDay: function() {
var myBirthDay;
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
myBirthDay = parentselector.find("input[id*='birthday']").val();
}
else {
myBirthDay = J("input[id*='birthday']").val();
}
return myBirthDay;
},
getBirthMonth: function() {
var myBirthMonth;
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
myBirthMonth = parentselector.find("input[id*='birthmonth']").val();
}
else {
myBirthMonth = J("input[id*='birthmonth']").val();
}
return myBirthMonth;
},
getBirthYear: function() {
var myBirthYear;
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
myBirthYear = parentselector.find("input[id*='birthyear']").val();
}
else {
myBirthYear = J("input[id*='birthyear']").val();
}
return myBirthYear;
},
/**
* CCB.Form.setToolTip : Display a tooltip on a wrong field (the tooltip can be displayed on a normal field page or on a shadowbox field layer)
* @param obj : This is the object field
* @param msg : This is the message to display
*/
setToolTip: function(obj, msg) {
var myId = obj.attr("id");
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
var myIdDivError = parentselector.find("div#Error_" + myId);
if (myIdDivError.length == 0) {
//ToolTip construction in SHADOWBOX LAYER
parentselector.find("body").append('');
parentselector.find("div#Error_" + myId).css("opacity", "0");
parentselector.find("div#Error_" + myId).append('');
parentselector.find("div#Error_" + myId + " div.formErrorContent").html(msg);
parentselector.find("div#Error_" + myId + " div.formErrorContent").append('');
parentselector.find("div#Error_" + myId).append('');
parentselector.find("div#Error_" + myId + " div.formErrorArrow").html('');
//ToolTip Positionning
var objPos = CCB.Services.findPos(obj.get(0));
var inputWidth = parentselector.find("#" + myId).width();
var inputHeight = parentselector.find("#" + myId).height();
var tooltipWidth = parentselector.find("div#Error_" + myId).width();
var tooltipHeigth = parentselector.find("div#Error_" + myId).height();
var curtop = objPos.y - tooltipHeigth - 3;
var curleft = objPos.x;
parentselector.find("div#Error_" + myId).css("top", curtop).css("left", curleft).animate({ opacity: '0.87' });
}
CCB.Form.closeToolTip();
} else {
//ToolTip construction in NORMAL PAGE
var myIdDivError = J("div#Error_" + myId);
if (myIdDivError.length == 0) {
J("body").append('');
J("div#Error_" + myId).css("opacity", "0");
J("div#Error_" + myId).append('');
J("div#Error_" + myId + " div.formErrorContent").html(msg);
J("div#Error_" + myId + " div.formErrorContent").append('');
J("div#Error_" + myId).append('');
J("div#Error_" + myId + " div.formErrorArrow").html('');
//ToolTip Positionning
var objPos = CCB.Services.findPos(obj.get(0));
var inputWidth = J("#" + myId).width();
var inputHeight = J("#" + myId).height();
var tooltipWidth = J("div#Error_" + myId).width();
var tooltipHeigth = J("div#Error_" + myId).height();
var curtop = objPos.y - tooltipHeigth - 3;
var curleft = objPos.x;
J("div#Error_" + myId).css("top", curtop).css("left", curleft).animate({ opacity: '0.87' });
}
CCB.Form.closeToolTip();
}
},
/**
* CCB.Form.closeToolTip : Close tooltip from a wrong field by clicking on the div tooltip
*/
closeToolTip: function() {
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
parentselector.find("div.formErrorContent").click(function() {
CCB.Form.removeToolTip(J(this).parent(".formError"));
});
} else {
J("div.formErrorContent").click(function() {
CCB.Form.removeToolTip(J(this).parent(".formError"));
});
}
},
/**
* CCB.Form.removeToolTip : Remove tooltip from a wrong field
* @param obj : This is the object field
*/
removeToolTip: function(obj) {
obj.remove();
},
/**
* CCB.Form.setRedCross : Set red cross next to a wrong field
* @param obj : This is the object field
*/
setRedCross: function(obj) {
if (obj.siblings("span.true").length > 0) {
obj.siblings("span.true").attr("class", "false");
}
else {
obj.parent().siblings("span.true").attr("class", "false");
}
},
/**
* CCB.Form.setGreenCross : Set green cross next to a valid field
* @param obj : This is the object field
*/
setGreenCross: function(obj) {
if (obj.siblings("span.false").length > 0) {
obj.siblings("span.false").attr("class", "true");
}
else {
obj.parent().siblings("span.false").attr("class", "true");
}
},
/**
* CCB.Form.setRedBorder : Set red border onfocus of input type text
*/
setRedBorder: function() {
if (CCB.ShadowBox.state) {
var parentselector = J("#shadowbox_content").contents();
parentselector.find(":text").focus(function() {
J(this).attr("style", "border:1px solid #ff0000");
});
parentselector.find(":text").blur(function() {
J(this).attr("style", "border:1px solid #000000");
});
} else {
J(":text").focus(function() {
J(this).attr("style", "border:1px solid #ff0000");
});
J(":text").blur(function() {
J(this).attr("style", "border:1px solid #000000");
});
}
},
/**
* CCB.Form.checkTypeVoie : Check if field customer_address_option value is AUTRE, if yes, then field customer_address_other is enabled
* @param parentselector : This is the selector contain the form to valid (can be a div inside a simple html page or a div containt layer iframe shadowbox)
* WARNING : not used with QAS
*/
checkTypeVoie: function(parentselector) {
var myTypeVoie = parentselector.find("input[id$='address_line2']").val();
if (myTypeVoie.length > 0) {
var findTypeVoie = false;
var optionSelectTypeVoie = parentselector.find("select[id$='customer_address_option'] option");
optionSelectTypeVoie.each(function(i) {
if (myTypeVoie == J(this).attr("value")) {
J(this).attr("selected", "selected");
J.each(CCB.locvar.field.typevoie, function() {
if (myTypeVoie == this) {
findTypeVoie = true;
}
});
}
if ((optionSelectTypeVoie.length == i + 1) && (!findTypeVoie)) {
J(this).attr("selected", "selected");
parentselector.find("input[id$='customer_address_other']").attr("disabled", "").val(myTypeVoie);
}
});
}
//On change Select Type de Voie, if AUTRE, enabler customer_address_other fake field, else, update customer_address_line2 with the value of the option selected
parentselector.find("select[id$='customer_address_option']").change(function() {
if (J(this).val() == "AUTRE") {
parentselector.find("input[id$='customer_address_other']").attr("disabled", "");
}
else {
parentselector.find("input[id$='customer_address_other']").val("").attr("disabled", "disabled");
parentselector.find("input[id$='address_line2']").val(J(this).val());
}
});
//Update customer_address_line2 field with the value of the customer_address_other fake field
parentselector.find("input[id$='customer_address_other']").keyup(function() {
parentselector.find("input[id$='address_line2']").val(J(this).val());
});
},
/**
* CCB.Form.checkCityList : Check if the select field customer_citylist contain some
');
parentselector.find("div#Error_" + myId).append('');
parentselector.find("div#Error_" + myId + " div.formErrorArrow").html('');
//ToolTip Positionning
var objPos = CCB.Services.findPos(obj.get(0));
var inputWidth = parentselector.find("#" + myId).width();
var inputHeight = parentselector.find("#" + myId).height();
var tooltipWidth = parentselector.find("div#Error_" + myId).width();
var tooltipHeigth = parentselector.find("div#Error_" + myId).height();
var curtop = objPos.y - tooltipHeigth - 3;
var curleft = objPos.x;
parentselector.find("div#Error_" + myId).css("top", curtop).css("left", curleft).animate({ opacity: '0.87' });
}
CCB.Form.closeToolTip();
} else {
//ToolTip construction in NORMAL PAGE
var myIdDivError = J("div#Error_" + myId);
if (myIdDivError.length == 0) {
J("body").append('');
J("div#Error_" + myId).css("opacity", "0");
J("div#Error_" + myId).append('');
J("div#Error_" + myId + " div.formErrorContent").html(msg);
J("div#Error_" + myId + " div.formErrorContent").append('