Web Calendar will not load

User 2276007 Photo


Registered User
8 posts

Hello helpers,

As a last resort...trying the forum for help. After more than 6 attempts using different calendars and settings - and following the "help.pdf" webcalendar instructions (up to the point of publish where I saved to CC Editor, then uploaded to S-Drive and copied code from Calendar/Code - as per the How to...article), but.... I have not been able to load the calendar.
The Calendar page is here: http://www.manninghistorical.org/MVHS%20Calendar.html

The code on this page is:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="Sat, 29 Dec 2012 04:12:09 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>MVHS Calendar</title>

<script src="Wingham Museum/javascript/jquery-1.4.2.min.js"></script>
<link media="screen" rel="stylesheet" href="Wingham Museum/stylesheets/colorbox.css" />
<link media="screen" rel="stylesheet" href="Wingham Museum/stylesheets/monthstyles.css" />
<script type="text/javascript" src="Wingham Museum/javascript/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="Wingham Museum/javascript/jquery.text-overflow.min.js"></script>
<script type="text/javascript" src="Wingham Museum/javascript/behavior.js"></script>

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<style>
body
{
background-color:#008080;
}
h1
{
color:orange;
text-align:center;
}

p.main {text-align:center;color:orange;}
</style>


</head>

<body>

<h1>Manning Valley Historical Society Calendar of Events</h1>
<p><p class="main">This is where our new calendar will soon be displayed. It will show you when meetings, functions and events are on at our Society and Museum</p>


<!-- This is where the calendar HTML will be inserted -->
<div id="cc_webcalendar">
<p>Error, content did not load.</p>
</div>


<!-- this loads the calendar -->
<script type="text/javascript">
var maxdate=new Date("12/01/2013");
var mindate=new Date("09/01/2012");
loadTodaysCalendar(mindate,maxdate,"Wingham Museum");
</script>

</body>
</head>

</html>


I can't see the problem and I can't find a likely solution on the forum.

Can you help please?

Al
User 187934 Photo


Senior Advisor
20,190 posts

You have an extra </head> tag at the bottom.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2276007 Photo


Registered User
8 posts

Hello Eric,

I removed the extra </Head> tag at the bottom, saved and tried to reload. Still receiving the error message as in the code.

Are there any other steps that might enable the calendar to load?

Thanks,

Al
User 187934 Photo


Senior Advisor
20,190 posts

It appears that everything is there.including the month html.
http://www.manninghistorical.org/Wingha … -2013.html
I would try redoing your calendar without the space in it's name.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 15653 Photo


Registered User
233 posts

Spaces can be killers. I've had an XP machine that worked fine processing a document call c:\program files\ but a Windows 7 64 bit machine errored out until I replaced that c:\program files\ with c:\progra~1\
(8.3 notation in this case). I often use an underscore rather than a space with no trouble.

User 2073552 Photo


Registered User
1,625 posts

Here is an article of how to add your files to your project. Make sure your file tree is correct. I would suggest exporting your Calendar again to be sure. :) You can find the article here http://www.coffeecup.com/help/articles/ … nd-higher/
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 187934 Photo


Senior Advisor
20,190 posts

The files are all there.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2276007 Photo


Registered User
8 posts

Hello Chaps,

Thanks for your assistance thus far. I am on the case! I have removed all files from Webcalendar and Editor and will now remove them from the site. I hope to create a blank canvas and start again without any entrails remaining to cause problems.

I have created a new calendar without a space in the name and will add this to Editor shortly. I have previously followed the article indicated by SirAGE but will do so again - line by line.

Cheers,

Al
User 2276007 Photo


Registered User
8 posts

G'day Chaps,

The calendar is now loaded and functional. The problem was that I started by creating a webpage for the calendar, not realising that cc_webcalendar created its own dedicated webpage when the cmd "publish" is used. Once I realised this I then deleted my original page and all references to the earlier calendars and started again.
I was able to use components of all your advice and some of the other replies to put together a basic page that I can now build on.

The page is here: http://www.manninghistorical.org/MVHSCalendar2013.html

This is the code:

"<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Calendar</title>

<style type="text/css">
h1 {color:orange;}
h2 {color:orange;}
w {color:orchid;}
body
{
background-color:teal;
text-align:center;
}

{
font-family:"Times New Roman";
font-size:10px;
}
</style>
<script src="MVHSCalendar2013/javascript/jquery-1.4.2.min.js"></script>
<link media="screen" rel="stylesheet" href="MVHSCalendar2013/stylesheets/colorbox.css" />
<link media="screen" rel="stylesheet" href="MVHSCalendar2013/stylesheets/monthstyles.css" />
<script type="text/javascript" src="MVHSCalendar2013/javascript/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="MVHSCalendar2013/javascript/behavior.js"></script>
<script type="text/javascript" src="MVHSCalendar2013/javascript/jquery.text-overflow.min.js"></script>
</head>

<body>
<h1>MVHS Calendar</h1>
<h2>The Calendar indicates when meetings, functions and events are on at our Society and Museum. Click on <w>label</w> to see details</h2>


<div align="center">
<!-- this is where the calendar's html will be inserted -->
<div id="cc_webcalendar" style="width:1200px">
</div>
</div>

<!-- this loads the calendar -->
<script type="text/javascript">

// The latest date that can be displayed
var maxdate=new Date("01/01/2014");

// The earliest date that can be displayed
var mindate=new Date("10/01/2012");

loadTodaysCalendar(mindate,maxdate,'MVHSCalendar2013');
</script>

</body>
</html>"

Thanks again for your help.

Best wishes for 2013.

Cheers,

Al
User 187934 Photo


Senior Advisor
20,190 posts

Great job Al!:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.