Problem detecting a click

Ask the community
,
1

Hi everyone,
I’m currently creating my “one time pop-up”. However, I cannot figure out how to detect a click (inside the OnReday{}) and then just print “Done” to test it. Here is my code :

import {local} from ‘wix-storage’;
import wixWindow from “wix-window”;

$w.onReady(function () {

//TODO: write your page related code here...

if(!local.getItem(“firstTimePopupShown8”)) {
// open popup
wixWindow.openLightbox(“Cookies”);

// local.setItem(“firstTimePopupShown6”, “yes”);
function button1_click() {
//Add your code for this event here:
local.setItem(“firstTimePopupShown6”, “yes”);
console.log(“done”);
}
}

});
Thanks for your answer :slight_smile:

2

Instead of looking for a solution in the onReady, have you tried any onClick event inside the LightBox itself, like a button?

3

Thanks for your answer. Yes I’ve tried in the Lightbox itself and it doesn’t work. I think it’s because the button has a link, when I remove the link, then it works but the link is essential… Any idea ?

4

Could you show a screen shot of the lightbox and then explain how you want it to behave?

5

Yes no problem. It is simply a cookie message bar. For now (the code is below), the bar is displayed only when the user comes for the first time (whether he accepts or not). But I would like to display the message for every session until the user accepts the terms. So the only thing I want to add is the action " local.setItem(“firstTime1”, “yes”); " (last action in the code) but only when the user clicks on the button.

945×278 51.7 KB

If you can’t read the screenshot, here is the code:

import {local} from ‘wix-storage’;
import wixWindow from “wix-window”;

$w.onReady(function () {
//TODO: write your page related code here…
if(local.getItem(“firstTime1”)!==“yes”) {
// open popup
wixWindow.openLightbox(“Cookies”);
// set flag for future visits
local.setItem(“firstTime1”, “yes”);
}
});

6

Ah, complicance with EU-cookie regulation. Well, you have a button there (“J’accepte”). In its property window, you choose its onClick event. Wix will then generate something like

function btnJaccepte.click (assuming you named it btnJaccepte, it could also be button3 or something)

at the bottom of you code.
There, in that function, you put the code for the local storag, the local.setItem.

7

I’ve already tried this and it doesn’t work because the button is already linked…

8

Linked to what?

9

To a page to close a window…

10

I want to help you, but you are kind of sparse with giving me information. What window? This lightbox? Please be specific,

11

I mean the button is there to close the light box and it already has a function and I see that I can’t use the onclick() event if the button is linked…

12

Hi,
Having both link and onClick is not a good practice, as you define two different behaviours for a button.
Roi

13

Ah ok, so do you know how can I have both a link and an event on the button click ?

14

Can you describe which event and link ?
Roi

15

I have lightbox with a button which is linked to close the lightbox. But I also want to add this action when the button is clicked:
local.setItem(“firstTime1”, “yes”);

16

Hi again,
First of all link the button to “none” (to cancel the linking)
Next, create an onClick event to the button.
This is a sample of how the code should look:

import {local} from 'wix-storage';
export function buttonInLightbox_click(event, $w) {
	local.setItem("key", "value")
	wixWindow.lightbox.close(); 
}

For more information of Lightbox code

Good luck!
Roi

17

Great thanks ! It’s exactly what I needed. But can you tell me how should I use the onclick event inside OnReady() as it doesn’t work with “export function” ?

18

The function should not be in the scope of onReady
Roi

19

Ok no problem I’m going to try it and i will give you a feedback, thank you.