Using Carwash there is a cursor inactive problem

  • kent8
    Active member
  • Topic Author
  • Member
  • Member
More
1 year 8 months ago - 1 year 8 months ago #50241 by kent8
I am using the Carwash template on a new Joomla v4 site to replace an existing Joomla v3 site.
NEW SITE IS:  nj41.gulfcoastwing.org/

The problem is:  On the Event pages, which use a javascript component that redirects the user when they click the NEXT Button (bottom of page)
the cursor is not working at all. The cursor is visible, but the user cannot click anything, cannot click menus, cannot click the logo to go home, cannot click anything.

HERE is the new page that does not work properly
nj41.gulfcoastwing.org/index.php/events/...urnet-tx-mar-18-2023

Please tell me how to troubleshoot and fix this problem ?

Note: This WORKS on the existing Joomla v3 site:
gulfcoastwing.org/index.php/85-airshows/...ekend-apr-15-16-2023

Please tell me how to troubleshoot and fix this problem ?

Thank you !
 
Last edit: 1 year 8 months ago by kent8.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
1 year 8 months ago #50243 by milos
Hello,

The menu is working on other pages properly. So, it's something in the content of THIS page that blocks Javascript and makes a Javascript error. I can't find what is it. Check all the elements of the page and disable them one by one until the problem is resolved. Then, you will know which part of the page makes the Javascript error. It's probably not compatible with the new jQuery that comes with Joomla 4.

Regards,
Milos

Please Log in to join the conversation.

  • kent8
    Active member
  • Topic Author
  • Member
  • Member
More
1 year 8 months ago #50292 by kent8
Milos,
When I use the "inspector" in Brave or Firefox, I can see console errors taht specifically refer to the pulldown menus:

"Uncaught TypeError: jQuery(...).dropDownMenu_mainmenu is not a function
    <anonymous> nj41.gulfcoastwing.org/media/templates/s...2-230404182023.js:91
    jQuery "

This is ONLY on the event pages that include a javascript that refers the user to Formstack.

All of the other pages work fine.
SO, I suspect a JQuery conflict of some kind.

I have installed the extension JQuery Easy for Jooml v4.
It does not seem to help, even after tweaking the parameters to test different settings.

PLEASE tell me how you would proceed to investigate and FIX this probably jQuery confilct issue?

I really need to make some progress on this site re-write OR switch to some other template.
I still do not know very much about "Smarty", and if it could be the basic problem...

SCREE SHOT attached of inspector console messages 

THANK YOU for your help !
Kent

Please Log in to join the conversation.

  • kent8
    Active member
  • Topic Author
  • Member
  • Member
More
1 year 8 months ago #50293 by kent8
ALSO:
When I put the Formstack menu in an iframe, without referring to the javascript embed code, it works OK.
Is this a valid clue to resolving the JQuery conflict ?

thnx
Kent

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
1 year 8 months ago #50294 by milos
Hello,

I couldn't find the error you mentioned on your website on both Chrome and Firefox. However, it's possible that the Formstack is loading jQuery improperly and it causes a Javascript conflict. So, check if there's an option in this extension to disable the loading of jQuery.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.218 seconds
Powered by Kunena Forum