Events

[Sue Busher]

Hi

I've found a great site for managing events more effectively but when I try to embedd the code into HTML widget it is blank. I suspect it needs additional code around it for it to work. Would someone be able to advise please?

Code is:

<div data-tockify-component="calendar" data-tockify-calendar="events.kennet"></div>
<script data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></script>

Thanks in advance

 

[Chris.Smith]

Hi Sue,

This won't be working as to prevent Cross Site Scripting attacks, we actively remove <script> tags from the HTML Widget; there is of course a way around this.

<div data-tockify-component="calendar" data-tockify-calendar="events.kennet"></div>
<script>
    var $script = $(document.createElement('script'));

    $script.attr('data-tockify-script', 'embed')
        .attr('src', 'https://public.tockify.com/browser/embed.js');
    
    this.element.append($script);
</script>

Here we are manually creating the script element. We have to do this, as the HTML Widget uses a regex which removes instances of '<script>' and '</script>'. This is also why we can't use jQuery to create the element for us.

 

Hope this helps

 

~ Chris

[Sue Busher]

Thanks Chris. Appreciate the response. Hope you are well.

 

Sue