Hover or onClick?

Ask the community
,
1

I’m an older gentleman trying to build a website for my brother who has a business. I have absolute no coding experience whatsoever. He has a website on Wix so I will be dealing with JavaScript. I have been working on the website and my brother is extremely happy with it. But there are a couple things that I would like to do to the site and I have not only spent hours trying to research and find the answers, but days looking. I have found a couple things and thought they would help, but I’m having no luck getting anything to work. If anyone can help me I would be extremely grateful.
So let me ask my couple of questions:

  1. On the generic Log In bar for Wix. The drop down menu has “Log Out” on the bottom. Is it possible to have a page connect to that “Log Out” button when clicked? I can not see where I can link a page to it and can not locate anything in search engines on that subject.

  2. I have a page (Parts) that I have listed parts with pictures. With these parts that are listed is a Hover Box that gives a description of that part. Now my problem is the description is on the other side of the page from some of the Hover Buttons. By the time I take my cursor off the hover button to hover over that description the description has disappeared. How can I get that description to stay up longer using my Hover Button after the cursor is moved off that Hover Button? Using the following inputs… Hover Box input = box5, Description is; input = text21 and input = button1.
    If that is not possible, can I do it by making the Hover Buttons… regular buttons using “onClick”? Thus when I click one of the Hover/Regular buttons its pulls up the description and when I click another Hover/regular button it closes the last description and pulls up the next description? Using the following input for a second description… input = box4, Description is; input = text19 and input = button2.

I would like to keep the hover buttons if possible.

Again any help would be appreciated.
Thank you in advance!

2

Here you will get informations about what a button can do…
https://www.wix.com/velo/reference/$w/button

I am not realy sure which kind of hover-button you mean, some pics?

However, you can give a DELAY-TIME for example like…

$w.onReady(()=>{console.log("Page is ready and already running...);
	setTimeout(()=>{console.log("5-secs have been past");},5000);
	setTimeout(()=>{console.log("10-secs have been past");},10000);
	setTimeout(()=>{console.log("15-secs have been past");},15000);
});

I am not sure, but i already assume, that you will have to generate your own HOVER-BUTTON on your own, if your used HOVER-BUTTON don’t give you possibilities to be connecte/controlled by code.

which commands could fit your needs?
1)

$w('#elementIDhere').expand();

$w('#elementIDhere').show();

$w('#elementIDhere').hide();

$w('#elementIDhere').collapse();

https://www.wix.com/velo/reference/$w/button/onmousein

What element else you would need to build your own HOVER-BOX from scratch ?

Maybe a BOX? + An IMAGE or TEXT, or BOTH?

So now expand your horizont and try to generate your own workable HOVER-BOX, if you have no possibilities to manage the out of the box wix-hoverbox.

Or try to find the API for your choosen element here…

Good-luck & happy coding!

3

Thank you for your response. Like I said I’m clueless with coding, but trying to learn. So I apologize for not giving complete details or pictures.
I made my own Hover button with text on it. It works great, but I am having problems getting a delay to work with it for the inputs I have embedded with the button (inputs listed above).
But I will see what I can do with your information and if I still have trouble I’ll let you know. Thanks again!

Oh… would you have an answer to my #1 question?

4

@attollis
I will give you a general answer related to all build-in (out of the box) elements & apps, they are just semi-editable. Always when you use predefined stuff, you will only be able to edit the options, which are offered by the used element/app.

Always when you need specific / expanded functions, you will need to build it by your own from scratch.

If you ask me → i generate almost everything by my own from scratch, this way i make sure, that my own creation will work EXACTLY like i want, without following predefinitions.

So, if the Menu-Bar do not offer you the possibilities you need and also do not offer you any API to interact with it by code → forget about this out of the box-concept → generate your own MENU, giving it your own wished functionalities and functions.

The disatvantage of going this way…

  1. you need to be able to code
  2. you will loose a lot of time generating your own functions, systems, elements, APPs and so on.

In most cases this description fits when using predefined stuff.

5

Thank you very much for that. I understand now. Still trying to get my my hover buttons to work properly, but I am at least getting somewhere with them. Going to work on it all day today and see if I can finally figure it out. If not I might have to get back to you. If I do I will provide more information and snapshots.

Thank you again for all your help. You are giving me a lot of confidence in working with Wix. :smiley:

6

:wink: no problem!