fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Javascript not functioning correctly

Javascript not functioning correctly 3 weeks 4 days ago #27774

  • hbcrosby
  • hbcrosby's Avatar
  • Offline
  • New Member
  • Posts: 19
  • Karma: 0
Hello!

I'm having an issue with a javascript product "html5 lightbox" (html5box.com/html5lightbox/index.php) from within JD Builder. Following their instructions, I can make their product work from a simple html page. However, following your instructions, I cannot seem to make this product work. Here's the situation:
  • jquery 3.x is already loaded

  • I add "<script type="text/javascript" src="www.croznet.com/j/html5lightbox/html5lightbox.js"></script>" to the "custom code" section of the "page settings".

  • I then add "<center><a href="player.vimeo.com/video/507108618" class="html5lightbox" title="Bayshore CC Christmas 2020" data-width="640" data-height="360"><img src="images/bsccchristmas2020.jpg" style="-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #777;border: solid 1px #555;"></a><br />BSCC Christmas 2020</center>" to the Raw HTML element.

  • When clicked, a new page opens instead of a pop-up.

Page location: croznet.com/j/index.php. (last video on page - BSCC Christmas 2020). Simple working sample: croznet.com/testhtml5.html

Any assistance would be appreciated! Thank you!
The administrator has disabled public write access.

Javascript not functioning correctly 3 weeks 4 days ago #27775

  • dankra
  • dankra's Avatar
  • Offline
  • Premium Member
  • Posts: 85
  • Thank you received: 1
  • Karma: 1
Hi @hbcrosby

I'm another JD user that had a similar problem with the JCE Slimbox plugin. It was working until the most recent update to Astroid framework (I think) because my problem started at that time of upgrade. But also, at that time I had installed JDBuilder pro.
Anyway, I followed these instructions that apply to Astroid 2.3.0 to 2.4 update and it fixed my slim box instances across the entire site. I would read and consider that "things to remember" doc.

I forgot to mention I used Solution #1 in that doc. BUT I didn't delete the folders, I just renamed them in case the solution didn't work and I had to rollback. AND, I'm not saying this will fix your problem but it was a painless solution to try it!!!

Cheers
Last Edit: 3 weeks 4 days ago by dankra.
The administrator has disabled public write access.

Javascript not functioning correctly 3 weeks 3 days ago #27815

  • hbcrosby
  • hbcrosby's Avatar
  • Offline
  • New Member
  • Posts: 19
  • Karma: 0
Hello dankra,

Thank you for your assistance! I followed your guidelines but unfortunately, the instructions were of no help. I'm not sure it is limited to only JDBuilder (preferred) as it also fails in another page builder. However, I'm not giving up just yet.....
The administrator has disabled public write access.

Javascript not functioning correctly 1 week 5 days ago #28057

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4252
  • Thank you received: 623
  • Karma: 112
hbcrosby wrote:
Hello!

I'm having an issue with a javascript product "html5 lightbox" (html5box.com/html5lightbox/index.php) from within JD Builder. Following their instructions, I can make their product work from a simple html page. However, following your instructions, I cannot seem to make this product work. Here's the situation:
  • jquery 3.x is already loaded

  • I add "<script type="text/javascript" src="www.croznet.com/j/html5lightbox/html5lightbox.js"></script>" to the "custom code" section of the "page settings".

  • I then add "<center><a href="player.vimeo.com/video/507108618" class="html5lightbox" title="Bayshore CC Christmas 2020" data-width="640" data-height="360"><img src="images/bsccchristmas2020.jpg" style="-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #777;border: solid 1px #555;"></a><br />BSCC Christmas 2020</center>" to the Raw HTML element.

  • When clicked, a new page opens instead of a pop-up.

Page location: croznet.com/j/index.php. (last video on page - BSCC Christmas 2020). Simple working sample: croznet.com/testhtml5.html

Any assistance would be appreciated! Thank you!

Hello,

2 options I can provide you with.
1. You can (with JD Builder), link an image to the inbuilt lightbox (since that's what you are trying to do). Just use the built-in lightbox.
2. The lightbox you are using is built on jQuery and could very well be conflicting with Joomla/JD Builder jQuery. Try looking for one that works without jQuery

Hope this helps!

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.342 seconds
Cron Job Starts