Onclick & mousein dont work after wixlocation.to transition

omid-symmetra · May 13, 2018, 7:28pm

Check the menu on top right
https://symm3tr4.wixsite.com/new-symmetra

If you click on any of the buttons on that menu, you can now go to that page using wixlocation.to. But once on any of those subpages, clicking the menu does not show it again which makes little sense.

I get no errors on editor preview console or the code editor itself either.

I am experiencing the same issue when I try to have the menu pop down with mouse-in trigger as well, but once you move 1 page anywhere on this menu, all that stops working.

omid-symmetra · May 13, 2018, 7:36pm

code involved, herein lies the culprit most probably:

let floatOptions = {
  "duration":   400,
  "delay":      0,
  "direction":  "top"
};

let fadeOptions = {
  "duration":   300,
  "delay":      50
};

import wixLocation from 'wix-location';

export function menubtn_click(event, $w) {
	$w('#menu').show("float", floatOptions);
}

export function menuclose_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
}

export function homebtn_mouseIn(event, $w) {
	$w("#homebtn2").show();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function homebtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function printbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function webbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function dealsbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function ourworkbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function brandingbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function contactbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function helpbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function agencybtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function partnerloginbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function teamloginbtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function aibtn2_mouseOut(event, $w) {
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide(); 
}

export function partnerloginbtn_mouseIn(event, $w) {
	$w("#partnerloginbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
}

export function teamloginbtn_mouseIn(event, $w) {
	$w("#teamloginbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function aibtn_mouseIn(event, $w) {
	$w("#aibtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function agencybtn_mouseIn(event, $w) {
	$w("#agencybtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function helpbtn_mouseIn(event, $w) {
	$w("#helpbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function contactbtn_mouseIn(event, $w) {
	$w("#contactbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function dealsbtn_mouseIn(event, $w) {
	$w("#dealsbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function ourworkbtn_mouseIn(event, $w) {
	$w("#ourworkbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function brandingbtn_mouseIn(event, $w) {
	$w("#brandingbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#webbtn2").hide();	
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function webbtn_mouseIn(event, $w) {
	$w("#webbtn2").show();
	$w("#homebtn2").hide();
	$w("#printbtn2").hide();
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
}

export function printbtn_mouseIn(event, $w) {
	$w("#printbtn2").show();
	$w("#homebtn2").hide();
	$w("#webbtn2").hide();	
	$w("#brandingbtn2").hide();
	$w("#ourworkbtn2").hide();
	$w("#dealsbtn2").hide();
	$w("#agencybtn2").hide();
	$w("#helpbtn2").hide();
	$w("#contactbtn2").hide();
	$w("#aibtn2").hide();
	$w("#teamloginbtn2").hide();
	$w("#partnerloginbtn2").hide();
	}

export function homebtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	$w("#homebtn2").link = "/home";
	$w("#homebtn2").target = "_self";
}

export function printbtn2_click(event, $w) {
	wixLocation.to("/print-marketing-houston");
	$w("#menu").hide("fade", fadeOptions);
}

export function webbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/digital-marketing-houston");
}

export function brandingbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/branding-houston");
}

export function ourworkbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/our-work");
}

export function dealsbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/marketing-special-deals-houston");
}

export function agencybtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/about-symmetra-creative-agency-llc-houston-tx");
}

export function helpbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/help");
}

export function contactbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/contact");
}

export function aibtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);	
	wixLocation.to("/lili-the-marketing-ai");
}

export function teamloginbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/high-five");
}

export function partnerloginbtn2_click(event, $w) {
	$w("#menu").hide("fade", fadeOptions);
	wixLocation.to("/partner-login");
}


export function menubtn_mouseIn(event, $w) {
	$w('#menu').show("float", floatOptions);
}

omid-symmetra · May 14, 2018, 11:39am

I am going to suspect a #bug here unless someone tells me I did something wrong and why…

Changing from show/hide to expand/collapse for the menu box itself resolved the issue with the menu not showing up after page transition via previous trigger and wixlocation.to parameter. Although I have lost my float in animation capability for this matter which makes it a little rougher than I had planned it to feel and look.

I would still welcome and appreciate any help I can get to use the show/hide menu box instead of expand/collapse while keeping full repetitive functionality on the menu button itself (which was lost after the very first trigger to hide it per this post when originally hide/show was used).

also, fyi mousein code bit was removed in my attempt to get this to work on its most basic level.

Topic		Replies	Views
mouse In and Out event Ask the community code , question	1	197	November 13, 2020
Buttons don't go anywhere Ask the community code , question	17	1504	April 24, 2018
OnClick event and linking a button not possible? (solved) Ask the community code , question	16	11885	February 7, 2020
Combining MouseIn with OnClick doesn't work Ask the community code , question	14	364	November 13, 2018
Custom interactions with JavaScript Ask the community code , wix-blog , question	2	600	March 29, 2018

Onclick & mousein dont work after wixlocation.to transition

Related topics