Forums - View Thread - embed mini-cal after dom loaded

Welcome Guest | Login

Index | Recent Threads | Register |

Forums » List all forums » Forum: Webmaster's Corner » Thread: embed mini-cal after dom loaded

Quick Go »

Thread Status: Normal
Total posts in this thread: 4

[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]

Author

This topic has been viewed 7309 times and has 3 replies

halomotaf
New Member

Joined: Aug 24, 2014
Posts: 4
Status: Offline

embed mini-cal after dom loaded	Reply to this Post Reply with Quote
	[Delete this Thread]

hi
i am embedding the mini cal in my site' and it takes too much time to load, and preventing the site itself from being loaded
so i tried to load the calendar only after dom loaded, and didn't find how

could you help please ?

thanks
amir

[Sep 7, 2014, 9:42:07 PM] [84.108.186.133]

[Link]

jasonsullivan
Veteran

Joined: Feb 7, 2014
Posts: 92
Status: Offline

Re: embed mini-cal after dom loaded	Reply to this Post Reply with Quote
	[Delete this Post]

Could you provide a link to the page on your site where it is embedded?
----------------------------------------
Jason Sullivan
Support Associate
Localendar.com

[Sep 11, 2014, 1:16:39 AM] [71.68.14.180]

[Link]

halomotaf
New Member

Joined: Aug 24, 2014
Posts: 4
Status: Offline

Re: embed mini-cal after dom loaded	Reply to this Post Reply with Quote
	[Delete this Post]

http://halomotaf.co.il/

[Sep 20, 2014, 9:02:28 PM] [84.108.186.133]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6396
Status: Offline

Re: embed mini-cal after dom loaded	Reply to this Post Reply with Quote
	[Delete this Post]

This is just a thought I had...
First, in the two places you include <script> tags supplied by localendar, replace them with something like this:
<div id="placeholder1"> </div>
<div id="placeholder2"> </div>

Then at the bottom of your page, try something like this:

<script>
var script1 = document.createElement('script');
script1.src = "http://www.localendar.com/js/PublishedIncludeMini.js";
document.getElementsById("placeholder1").appendChild(script1);

var script2 = document.createElement('script');
script2.src = "http://www.localendar.com/public/halomotaf?include=Y&style=M5";
document.getElementsById("placeholder2").appendChild(script2);
</script>

Disclaimer; I haven't tested that yet, but it seems like it might work...

BTW, can I ask how you achieved the result of reversing the calendar automatically?
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Sep 22, 2014, 11:09:04 PM] [24.189.166.198]

[Link]

[Show Thread Printable Version] [Post new Thread]