Sue Busher Posted March 9, 2018 Share Posted March 9, 2018 I am trying to embed this code into Frog but it is having none of it. What am I missing? <div data-tockify-component="calendar" data-tockify-calendar="events.kennet"></div> <script data-cfasync="false" data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></script> Link to comment Share on other sites More sharing options...
adamw Posted March 9, 2018 Share Posted March 9, 2018 Is it giving you any errors? Link to comment Share on other sites More sharing options...
Sue Busher Posted March 9, 2018 Author Share Posted March 9, 2018 No, just not showing anything Link to comment Share on other sites More sharing options...
adamw Posted March 9, 2018 Share Posted March 9, 2018 8 minutes ago, Sue Busher said: No, just not showing anything I'll have a look asap. Are you putting this in a embed html widget? @Graham Quince might also have some ideas? Link to comment Share on other sites More sharing options...
Graham Quince Posted March 9, 2018 Share Posted March 9, 2018 There are issues calling scripts from external sources. I think there is a some basic protection with the HTML widget. Link to comment Share on other sites More sharing options...
Sue Busher Posted March 12, 2018 Author Share Posted March 12, 2018 So we can't embedd it then? We are thinking of subscribing to this service but I won't if we can't embed it in: www.tockify.com . It would be a shame as a real improvement on our current events calendar! @adamw @Graham Quince Link to comment Share on other sites More sharing options...
pconkie Posted March 13, 2018 Share Posted March 13, 2018 Try this.... <div data-tockify-component="calendar" data-tockify-calendar="events.kennet"></div> <script> $.getScript( "https://public.tockify.com/browser/embed.js" ) .done(function( script, textStatus ) { console.log( textStatus ); }) .fail(function( jqxhr, settings, exception ) { console.log( "There has been an error" ); }); </script> 1 Link to comment Share on other sites More sharing options...
ADT Posted March 13, 2018 Share Posted March 13, 2018 While you are on fixing embedded stuff @pconkie This code loads when you first open the site... but not if you close and reopen!! Its the weather in Berlin!! Nice little embedded widget if we can get it working all the time <a class="weatherwidget-io" href="https://forecast7.com/en/52d5213d40/berlin/" data-label_1="BERLIN" data-label_2="WEATHER" data-font="Verdana" data-icons="Climacons Animated" data-mode="Forecast" data-days="3" data-theme="weather_one" >BERLIN WEATHER</a> <script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js'); </script> @Graham Quince an update for the Frog On Tour Template site!!! Link to comment Share on other sites More sharing options...
pconkie Posted March 13, 2018 Share Posted March 13, 2018 @ADT are you ever actually in this country? USA, Germany, where next?! Link to comment Share on other sites More sharing options...
ADT Posted March 13, 2018 Share Posted March 13, 2018 48 minutes ago, pconkie said: @ADT are you ever actually in this country? USA, Germany, where next?! Already planning the return trip to San Fransisco 2019!! 1 Link to comment Share on other sites More sharing options...
pconkie Posted March 13, 2018 Share Posted March 13, 2018 You'll need to do more testing, but I think this refreshes the weather widget every time the site is opened. <a class="weatherwidget-io" href="https://forecast7.com/en/52d5213d40/berlin/" data-label_1="BERLIN" data-label_2="WEATHER" data-font="Verdana" data-icons="Climacons Animated" data-mode="Forecast" data-days="3" data-theme="weather_one" >BERLIN WEATHER</a> <script> $.getScript( "https://weatherwidget.io/js/widget.min.js"); </script> 2 Link to comment Share on other sites More sharing options...
ADT Posted March 13, 2018 Share Posted March 13, 2018 27 minutes ago, pconkie said: You'll need to do more testing, but I think this refreshes the weather widget every time the site is opened. <a class="weatherwidget-io" href="https://forecast7.com/en/52d5213d40/berlin/" data-label_1="BERLIN" data-label_2="WEATHER" data-font="Verdana" data-icons="Climacons Animated" data-mode="Forecast" data-days="3" data-theme="weather_one" >BERLIN WEATHER</a> <script> $.getScript( "https://weatherwidget.io/js/widget.min.js"); </script> He shoots.... he scores!! Link to comment Share on other sites More sharing options...
Sue Busher Posted March 16, 2018 Author Share Posted March 16, 2018 @pconkie Thank you so much. It works. Can I ask what you changed to get it working as I am likely to have to embed a number of different 'views' into my pages. One happy bunny Link to comment Share on other sites More sharing options...
pconkie Posted March 16, 2018 Share Posted March 16, 2018 Hi @Sue Busher This is your code: <div data-tockify-component="calendar" data-tockify-calendar="events.kennet"></div> <script data-cfasync="false" data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></script> I didn't change anything on the first line. I replaced your second line with a new block of code <script> $.getScript( "https://public.tockify.com/browser/embed.js" ) .done(function( script, textStatus ) { console.log( textStatus ); }) .fail(function( jqxhr, settings, exception ) { console.log( "There has been an error" ); }); </script> Which you could boil down to this new line if you prefer.... <script>$.getScript( "https://public.tockify.com/browser/embed.js" )</script> If you are going to embed several views, this approach is going to need more testing before you plunge in and get a subscription! 1 Link to comment Share on other sites More sharing options...
Sue Busher Posted March 16, 2018 Author Share Posted March 16, 2018 @pconkie You are a life saver thank you. Link to comment Share on other sites More sharing options...
Sue Busher Posted April 23, 2018 Author Share Posted April 23, 2018 @pconkie I am so sorry to ask again, but we were given a bit more code and I can't seem to get it to display again. Would you mind working your magic once again - I promise I will try not to bother you again. <div data-tockify-component="calendar" data-tockify-calendar="kennet" data-tockify-tags="fixture" data-tockify-canonicalHost="https://events.kennetschool.co.uk"></div> <script> $.getScript( "https://public.tockify.com/browser/embed.js" ) .done(function( script, textStatus ) { console.log( textStatus ); }) .fail(function( jqxhr, settings, exception ) { console.log( "There has been an error" ); }); </script> Link to comment Share on other sites More sharing options...
Simon Law Posted April 23, 2018 Share Posted April 23, 2018 3 hours ago, Sue Busher said: I am so sorry to ask again, but we were given a bit more code and I can't seem to get it to display again. Would you mind working your magic once again - I promise I will try not to bother you again. @Sue Busher the code you posted works for me on a new site, so its not the code that's the problem. which site /page have you tried this on? Link to comment Share on other sites More sharing options...
Sue Busher Posted April 23, 2018 Author Share Posted April 23, 2018 @Simon Law Sorry Simon, I refreshed my screen and it works fine. Apologies for wasting your time. Link to comment Share on other sites More sharing options...
Simon Law Posted April 23, 2018 Share Posted April 23, 2018 Just now, Sue Busher said: @Simon Law Sorry Simon, I refreshed my screen and it works fine. Apologies for wasting your time. No time wasted, it was my lunch time foray into the forum, it also give me a chance to see how/what you're using Link to comment Share on other sites More sharing options...
Sue Busher Posted April 23, 2018 Author Share Posted April 23, 2018 @Simon Law What do you think? It is quite clever - you can add maps, RSVPs, add to your calendar etc. Link to comment Share on other sites More sharing options...
Simon Law Posted April 23, 2018 Share Posted April 23, 2018 5 hours ago, Sue Busher said: @Simon Law What do you think? It is quite clever - you can add maps, RSVPs, add to your calendar etc. yes, it looks nice and it looks like our events need more things to attach to it, Link to comment Share on other sites More sharing options...
Sue Busher Posted April 27, 2018 Author Share Posted April 27, 2018 @Simon Law Me again, sorry Simon, I have embedded the code on a number of pages within our new website (Kennet School - not live yet). The code is slightly different on different pages as I am telling it to show only events relevantly tagged for that page. However, the first time I visit the page, I see the calendar. When I go to another page on the site, it doesn't appear. If I log out and back in, go to the page it didn't appear on, it appears, but then when I go to another page with the code on it doesn't, Any ideas why this would happen? It is happening in both Chrome and IE. Link to comment Share on other sites More sharing options...
Simon Law Posted April 27, 2018 Share Posted April 27, 2018 @Sue Busher can you tell me which pages have the code eg news -> home events, news -> christmas as your site has a lot of pages! Link to comment Share on other sites More sharing options...
Sue Busher Posted April 27, 2018 Author Share Posted April 27, 2018 News & Events > Events (shows all events) News & Events > Sporting Fixtures (shows fixtures) News & Events > Trips (shows trips). Link to comment Share on other sites More sharing options...
pconkie Posted April 28, 2018 Share Posted April 28, 2018 @Sue Busher There is something at the tockify end that is listening for requests. Tockify hears fine when a site is first opened in frog but not again after that (unless frog is closed down completely and re-opened). I think this is similar to the issues with multiple twitter embeds documented on this forum and so I thought the solution for twitter might work for tockify. However after an hour or so haven't made much progress. Looking at what the tockify embed javascript actually does behind the scenes, I'm wondering if we can just ditch it all together! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now