Button not defined

Online experiments
1

URL of experiment: sns_circles_eye_tracking [PsychoPy]
URL for the code: Mihai Toma / sns_circles · GitLab

Description of the problem:

Hello,

Error message: online, when I reach the routine that has 2 buttons defined, they don’t show up on the screen, and when I click anywhere, I receive the error message:
Reference error: buttonYES not defined.

The experiment is a save as of a previous experiment. Everything is working well locally using Python. These experiments were built using PsychoPy v2021.1.3. The base experiment was working flawlessly both offline and online.

In the previous experiment, this error did not occur at all.

Only change I did was:

  1. Install PsychoPy v2023.1.3 to see if other things for a different experiment have changed. I observed that no other things have changed.
  2. Uninstall PsychoPy v2023.1.3 and re-install v2021.1.3. Save As the experiment again and re-sync it online.
  3. I get this error after these changes in versions.

Now I have V2021.1.3 and have uninstalled the previous one. I have un-installed it before reinstalling v2021.1.3

Any suggestions on how to tackle this?
I checked the code in between both experiments and nothing is different for the buttons sections at least, so it should not appear.

This is rather urgent.
Thanks.

This is the error message:

image
image1074×620 10.5 KB

2

Hello,
Looking at your JS code, it doesn’t look like the buttons are being declared.

When I need to work online with buttons, I use a polygon and text over it. As much as I know, buttons are not yet supported online:
https://www.psychopy.org/online/status.html

I am unsure if it was updated, but it might be the issue.

Chen

3

Thank you, Chen and wakcarter.

The thing is that before the (un)installation of PsychoPy v2023.1.3 vs. v2021.1.3 , the experiment did work online…including the buttons.

Now they don’t work.

I’ll try the solution proposed by Chen with the polygon and text over it.

Thanks again!

4

Hey,
I quoted a message from @wakecarter from April 2022.
It’s possible buttons now work online, I didn’t test it myself, and I didn’t find any newer information about it.

But the thing that is wrong with your experiment is the fact that your buttons are not being declared at all in the JS file.

Chen

5

Hey,

But I have defined them as such in a code section BEFORE they are actually usable:

image
image1289×758 31.1 KB

I compile and synchronize with the online Pavlovia files and still I get the same error.

Thanks,
Mihai

6

Hello,
Did you try placing this code component in the routine hierarchy after your buttons?
It’s difficult to understand the whole picture, the project you have sent is 600MB+ and has multiple experiments.
If you want to make it possible to help, please separate it into a single, simple project.

Chen

7

Thanks Chen.

I also tried placing them after the buttons ,but that still doesnt work. But given that they’re declared after the point when they’re being used… it would make sense.

The file is sns_circles_eye_tracking.js

And I see they’re declared here at lines 1449 and 1450.

image
image1387×688 44.1 KB

Thanks

8

I’m currently testing with images and polygons and I don’t understand why they cannot find this resource:

image
image739×445 6.91 KB

The file is there, I checked even the online resources and i have even added the files manually.

Thanks

9

How did you set the image?
Can you take a screenshot of the online resources and the image component?

Chen

10

This is how I set the image in the builder:
image

And this is where the image is located:

image
image1082×763 26 KB

11

It looks to be declared just fine.
Do you have a separate version of the study on Pavlovia? One that doesn’t have multiple experiments on it?
That way, it will be easy to take a look myself.

Chen

12

Hi,

I compiled it in a separate online version:

Code:

File:
sns_circles_eye_tracking.js

Now I have the following error:

image
image728×393 5.1 KB

But I think I have it because I declared the “win” before referencing the buttons:

image
image1288×631 27.2 KB

In the above routine, the images and polygons are not active, they are disabled, only the buttons are active (and all other elements that require the buttons).

Thanks.

13

Use / not \ in your file locations

14

I think my crib sheet has something on how to hide the mouse cursor online

15

I am currently trying to see if I can make it to work again with the buttons, not the images.

Any idea of why the buttons don’t work anymore?

I just posted the final (curated) version in my previous message

Thanks

16

I am looking here:

But I wrote that section of the code because the mouse cursor was not appearing on the window where users need to click on either of the two buttons.

Therefore, I don’t want to hide the cursor, but show it.
Without that line of code, the mouse cursor is not visible.

17

As the cribsheet states, you can choose when to show/hide it.

Hide the mouse cursor

document.body.style.cursor='none';

You need to add the following code when you want to un-hide it:

document.body.style.cursor='auto';

Other than that, everything seems to be working now.

Chen

18

Thanks, Chen and wakecarter.

I solved the problems, but now I ran into another issue related to buttons again.

At the end of this experiment, I want to re-direct users to a google form via a button.
This is the routine:

image
image1093×599 20.3 KB

However, at the end, I cannot see this button, but also I don’t get the error I had before:
“button is not defined”

I just get an empty window without the actual button. The button should be right below the writing (Where I drew the red shape):

image
image1178×702 29.9 KB

Do you have a workaround for this?

Thanks again for the help

19

Hello

Change your backward slashes to forward slashes.

Best wishes Jens

20

If you want to show the mouse, try adding a tick in Experiment Settings / Properties / Show mouse

image
image675×587 14 KB