andysiddell wrote:
I have installed it and am at a complete loss to get it working correctly or even understand what it's trying to do.
I created a new calendar from scratch and uploaded it to my site. The test html page it uploads works fine but when I use the code the sotware privides for inserting it into my own webpage it does not function properly.
When I compare the coding the two are different. Your calendar.html pages gives me..
<script src="calendar/javascript/jquery-1.4.2.min.js"></script>
<link media="screen" rel="stylesheet" href="calendar/stylesheets/colorbox.css" />
<link media="screen" rel="stylesheet" href="calendar/stylesheets/monthstyles.css" />
<script type="text/javascript" src="calendar/javascript/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="calendar/javascript/behavior.js"></script>
<script type="text/javascript" src="calendar/javascript/jquery.text-overflow.min.js"></script>
in between the <head> </head> tags
Whilst the copy & paste code gives me...
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link media="screen" rel="stylesheet" href="calendar/stylesheets/colorbox.css" />
<link media="screen" rel="stylesheet" href="calendar/stylesheets/monthstyles.css" />
<script type="text/javascript" src="calendar/javascript/jquery.colorbox.js"></script>
<script type="text/javascript" src="calendar/javascript/behavior.js"></script>
to put in between <head> </head> tags
My version of the page displays the calendar but does not display the information when I click on an event.
Any idea what is wrong?
I have installed it and am at a complete loss to get it working correctly or even understand what it's trying to do.
I created a new calendar from scratch and uploaded it to my site. The test html page it uploads works fine but when I use the code the sotware privides for inserting it into my own webpage it does not function properly.
When I compare the coding the two are different. Your calendar.html pages gives me..
<script src="calendar/javascript/jquery-1.4.2.min.js"></script>
<link media="screen" rel="stylesheet" href="calendar/stylesheets/colorbox.css" />
<link media="screen" rel="stylesheet" href="calendar/stylesheets/monthstyles.css" />
<script type="text/javascript" src="calendar/javascript/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="calendar/javascript/behavior.js"></script>
<script type="text/javascript" src="calendar/javascript/jquery.text-overflow.min.js"></script>
in between the <head> </head> tags
Whilst the copy & paste code gives me...
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link media="screen" rel="stylesheet" href="calendar/stylesheets/colorbox.css" />
<link media="screen" rel="stylesheet" href="calendar/stylesheets/monthstyles.css" />
<script type="text/javascript" src="calendar/javascript/jquery.colorbox.js"></script>
<script type="text/javascript" src="calendar/javascript/behavior.js"></script>
to put in between <head> </head> tags
My version of the page displays the calendar but does not display the information when I click on an event.
Any idea what is wrong?
The code in the <head> is the same code, just written differently and both will work. Putting the code in the <head> section however is just one part. Did you also paste in the code into the <body> area where you want to put your calendar?
The code you need to add would look like this:
<!-- 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("10/01/2011");
var mindate=new Date("07/01/2010");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script>
<div id="cc_webcalendar">
<p>Error, content did not load.</p>
</div>
<!-- this loads the calendar -->
<script type="text/javascript">
var maxdate=new Date("10/01/2011");
var mindate=new Date("07/01/2010");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script>
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
