Google Calendar Error: JavaScript is required to show this page

[bethanyanderson]

I have a Google calendar embedded into my site. I was doing article page updates one day when suddenly, my calendar started throwing this error:

"JavaScript is required to show this page. Let this site use JavaScript in your browser settings. Learn more"

Google Calendar Error.jpg

I don't recall doing any updates that day before it happened. I later tried to update my template but that did not resolve the issue. This error shows up on all devices, all browsers. It's not a browser issue but that's all I can find trying to do online searches.

Right after it started, I got several errors on my site and then got an email from my hosting company about server issues and that my site was being migrated. However, after the migration, when I opened a ticket with them, they said it's not on their end.

I really need some help on getting this solved. It's been a few weeks and I've gotten nowhere.

Thank you,
Bethany

[toivo]

Welcome to the Joomla forum!

What is the URL of the website?

[toivo]

Ok, I found the URL.

Click F12 to see Developer Tools pane in the browser. The Console tab displays the javascript error message that explains the issue: "Blocked script execution in '<URL>' because the document's frame is sandboxed and the 'allow-scripts' permission is not set."

Set the sandbox attribute in the iframe tag to allow javascript. Presumably (not tested):

Code: Select all

<iframe sandbox="allow-scripts">

Ref. HTML <iframe> sandbox Attribute

[bethanyanderson]

Thank you toivo, I'll work to figure that out as I'm not aware of any sandbox stuff. When I go into that F12 console, I don't see that message, here's what I do see:

F12 Console Messages.jpg

https://elizabethtonchurch.com/index.ph ... -of-events

[toivo]

Which browser are you using?

[Webdongle]

I'll work to figure that out as I'm not aware of any sandbox stuff. ...

Methinks that instead of typing

Code: Select all

<iframe>src="theurl.html"</iframe>

You type

Code: Select all

<iframe sandbox="allow-scripts">src="theurl.html" sandbox></iframe>

[bethanyanderson]

I normally use Firefox.

What is Sandbox in this instance?

[toivo]

I normally use Firefox.

Firefox does not display the javascript error but Google Chrome, Microsoft Edge and Vivaldi display it:

Blocked-Script.png

What is Sandbox in this instance?

It means the security restrictions in an iframe with untrusted content like scripts and forms. In practice this setting disallows javascript. Web developers regard iframes as insecure.

If you can edit the code that defines the <iframe> tag, try to remove the attribute sandbox="" and the calendar may start working.

[bethanyanderson]

sandbox="" won't delete, it just comes back. It shows up automatically, even when I pull in fresh code from Google.

If I try to fill any values in the sandbox "", they are just erased.

I've used Google calendars for years like this on a few sites. I am unsure why it would have just started out the blue, unless I did an update of some sort and just can't recall.

So now I understand my problem better, I am still unable to solve it. Any additional advice is greatly appreciated.

[toivo]

Did you add the calendar code using a Joomla module or just the options in the paid Cacoon template? If the code was inserted into the template directly, are there any options to finetune the behaviour and accept scripts?