//Well Guys,
//Dear coder,
//Are you clue-receptor? Bug-Fixer? A myth?
//So, bread and blood for your canines!
//The question is as simple as stupidly unbelievable (and probably I will discover to be the only //silly one here)!
//Here my code and explanations together:
//1) Look,
//I created a widescreen-strip from the bottom-header to the top-footer as a ‘curtain-effect’, //considering I opted to offer a click-effect for those who are clicking a button which will trigger //a changing page.
$w.onReady(function () {
if(wixWindow.formFactor === “Mobile”) {
$w(“#x, #y, #z”).show();
}
//here, mobile stuff, not pertinent with the subject.
$w(‘#curtainEffectSlidingStrip’).show();
//here, the strip name. You have to know, this very line of code is calling the curtain slide-up //effect also when the page loaded since the very beginning. You can see I called a show()
//function as I opted to hide the curtain by default, by selecting the flag on the properties panel.
});
//then,
import wixWindow from ‘wix-window’;
import wixLocation from ‘wix-location’;
let slideOptions = {
“duration”: 800,
“delay”: 0,
“direction”: "top
};
//here, I set up some routine parameter… and, then, I set the initial curtain effect, by asking JS //to hide again the Curtain Strip, sliding it up through the 3 following very lines.
setTimeout(() => {
$w(‘#slidingStrip’).hide(“slide”, slideOptions);
}, 1500);
//Well, everything till here, seems ok!
//Indeed, I have placed on the header a sort of manual-menu, using buttons to navigate the 3 //main pages of the site (underligned below), which see the code running perfectly on the //mentioned Sliding-Strip
//Look at the buttons code:
//a)
export function passiveIndustryManufacturersUKButton _click(event) {
$w(‘#slidingStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/industry-manufacturers”);
}, 800);
}
//b)
export function passivePrivateCustomersUKButton _click(event) {
$w(‘#slidingStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/private-customers”);
}, 800);
}
//c)
export function passiveContactUsUKButton _click(event) {
$w(‘#slidingStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/contact-us”);
}, 800);
}
//Ant till here, I am very happy!
//BUT…
//I wonder why, when I set the same logics on some other buttons, used this time for allowing //visitors to change the languages (as I created different pages for different languages), so, //when this flag buttons should behave like the button upon… something wizard is happening… //and my Sliding option effect, does not work when onCLick: the curtain (or Strip) appears. But // with no effects, and certainly not sliding as it should. A curious fact, as I used the same code I // used for the button upon. Look at here:
export function italyFlagButton_click(event) {
$w(‘#topStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/design-studio-it”);
}, 800);
}
export function russiaFlagButton_click(event) {
$w(‘#topStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/design-studio-ru”);
}, 800);
}
export function greeceFlagButton_click(event) {
$w(‘#topStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/design-studio-gr”);
}, 800);
}
//As you see, I called the slideOption function before!
//…allowing the effect to be executed before the new page has to be called;
// and on the button I triggered the function NO EFFECTS are activated from the Properties //Panel (as we cannot code a button both which has been, maybe, already crossed with hidden function like effects or whatever… (the code must be clean and without conflicts).
So,
can you tell me what’s wrong with me, genius?
It is 30 hours I am burning my little brain… meaningless, unfortunately!
Beer man… this is for you!
Below, all my page code (just for the record).
Thank you very much from a dummie to aged for reavealing himself!
$w.onReady( function () {
if (wixWindow.formFactor === “Mobile”) {
$w(“#footerMakerMobile, #studioIconMobile, #backgroundStripMobile”).show();
}
//$w(“#activeDesignStudioUKButton, #passiveDesignStudioUKButton, #activeDesignStudioITButton, #passiveDesignStudioITButton, #activeDesignStudioRUButton, #passiveDesignStudioRUButton, #activeDesignStudioGRButton, #passiveDesignStudioGRButton”).hide();
//$w(“#activeIndustryManufacturersUKButton, #passiveIndustryManufacturersUKButton, #activeIndustryManufacturersITButton, #passiveIndustryManufacturersITButton, #activeIndustryManufacturersRUButton, #passiveIndustryManufacturersRUButton, #activeIndustryManufacturersGRButton, #passiveIndustryManufacturersGRButton”).hide();
//$w(“#activePrivateCustomersUKButton, #passivePrivateCustomersUKButton, #activePrivateCustomersITButton, #passivePrivateCustomersITButton, #activePrivateCustomersRUButton, #passivePrivateCustomersRUButton, #activePrivateCustomersGRButton, #passivePrivateCustomersGRButton”).hide();
//$w(“#activeContactUsUKButton, #passiveContactUsUKButton, #activeContactUsITButton, #passiveContactUsITButton, #activeContactUsRUButton, #passiveContactUsRUButton, #activeContactUsGRButton, #passiveContactUsGRButton”).hide();
$w(“#activeDesignStudioUKButton, #passiveIndustryManufacturersUKButton, #passivePrivateCustomersUKButton, #passiveContactUsUKButton”).show();
$w(“#passiveDesignStudioUKButton, #activeDesignStudioITButton, #passiveDesignStudioITButton, #activeDesignStudioRUButton, #passiveDesignStudioRUButton, #activeDesignStudioGRButton, #passiveDesignStudioGRButton”).hide();
$w(“#activeIndustryManufacturersUKButton, #activeIndustryManufacturersITButton, #passiveIndustryManufacturersITButton, #activeIndustryManufacturersRUButton, #passiveIndustryManufacturersRUButton, #activeIndustryManufacturersGRButton, #passiveIndustryManufacturersGRButton”).hide();
$w(“#activePrivateCustomersUKButton, #activePrivateCustomersITButton, #passivePrivateCustomersITButton, #activePrivateCustomersRUButton, #passivePrivateCustomersRUButton, #activePrivateCustomersGRButton, #passivePrivateCustomersGRButton”).hide();
$w(“#activeContactUsUKButton, #activeContactUsITButton, #passiveContactUsITButton, #activeContactUsRUButton, #passiveContactUsRUButton, #activeContactUsGRButton, #passiveContactUsGRButton”).hide();
$w('#slidingStrip').show();
});
import wixWindow from ‘wix-window’;
import wixLocation from ‘wix-location’;
let slideOptions = {
“duration”: 800,
“delay”: 0,
“direction”: “top”
};
setTimeout(() => {
$w(‘#slidingStrip’).hide(“slide”, slideOptions);
}, 1500);
export function passiveIndustryManufacturersUKButton_click(event) {
$w(‘#slidingStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/industry-manufacturers”);
}, 800);
}
export function passivePrivateCustomersUKButton_click(event) {
$w(‘#slidingStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/private-customers”);
}, 800);
}
export function passiveContactUsUKButton_click(event) {
$w(‘#slidingStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/contact-us”);
}, 800);
}
export function italyFlagButton_click(event) {
$w(‘#topStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/design-studio-it”);
}, 800);
}
export function russiaFlagButton_click(event) {
$w(‘#topStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/design-studio-ru”);
}, 800);
}
export function greeceFlagButton_click(event) {
$w(‘#topStrip’).show(“slide”, slideOptions);
setTimeout(() => {
wixLocation.to(“/design-studio-gr”);
}, 800);
}