Web Calendar 5.0 - Page 6 - Post ID...

User 166008 Photo


Registered User
388 posts

Scott Swedorski wrote:
Mark Sleep wrote:
Thanks Scott but no luck.

I don't show that you even made that change though Mark.


I changed it Scott and it didn't work so I changed it back. I added your code and left it for you to see now.

I will try the above code fixes by Eric later.

**Would it make a difference that my calendar.html page is outside the calendar program folder that the program generates and I upload to the server?
User 187934 Photo


Senior Advisor
20,190 posts

I checked out your page and it was doing the same thing mine was.

Check at the top of your page and change this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



to this
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

You also have to change the code for calendar placement
Change this
<td valign="center" align="middle">
<!-- 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("11/01/2011");
var mindate=new Date("08/01/2010");
loadTodaysCalendar(mindate,maxdate,"church_calendar");
</script>




To this
<td valign="center" align="middle">
<!-- This is where the calendar HTML will be inserted -->
<div id="cc_webcalendar_container" style="width:400px">
<p>Error, content did not load.</p>
</div>

<!-- this loads the calendar -->
<script type="text/javascript">
var maxdate=new Date("11/01/2011");
var mindate=new Date("08/01/2010");
loadTodaysCalendar(mindate,maxdate,"church_calendar");
</script>


You should have a directory on your server called calendar and The Calendar Html should be in the same directory as the page that you want it to appear on.
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 187934 Photo


Senior Advisor
20,190 posts

Take a look at the code on my page. It's a simple page so you should be able to copy the parts of my code for the Doc type, head Tags, and the calendar placement to get it to work. Redo your calendar and take the default for name on export. I saw you changed that. this will help rule out other problems. When you make you calendar and export it the placement code should match mine except the <div align="center"> and style="width:400px" will be missing.


http://webpages.charter.net/selkirklake … yBody.html

Doc typ code
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

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

Placement code
<div align="center">
<!-- This is where the calendar HTML will be inserted -->
<div id="cc_webcalendar" style="width:400px">

<p>Error, content did not load.</p></div>
<!-- this loads the calendar --><script type="text/javascript">
var maxdate=new Date("11/01/2011");
var mindate=new Date("08/01/2010");
loadTodaysCalendar(mindate,maxdate,"calendar");</script></div>
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 166008 Photo


Registered User
388 posts

What is the deal with the 400px width?

What if my calendar was set at 550 px?

User 187934 Photo


Senior Advisor
20,190 posts

It matches the calendar width. If you set it wider there will most likely be a white band down the right side.
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 166008 Photo


Registered User
388 posts

I did set me calendar width at 550 when I made it.

So I assume instead of 400 mine should be 550 in that div tag.
User 187934 Photo


Senior Advisor
20,190 posts

Thats right I for got about that I just took the defaults to rule out problems because I just got mine running. I know its an IE problem because in Fire Fox it was working fine. Yes I think you should be fine at 550. Before you changed your page, when your calendar was loading and you clicked an event, the yellow pop up looked just like mine with out the close button. I saw you made your page with HTML 2008. Thats why you have to change the DOC type code. Version 2010 will do it for you on new pages.
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 122279 Photo


Senior Advisor
14,456 posts

Mark, you can also take a look at my corrected post above...
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 166008 Photo


Registered User
388 posts

I tried changing the doc coding as you said Eric and it screwed up the whole look of my page and didn't fix the problem.

I must have weird coding or someting. I used tables inside of tables.

I don't know.
User 166008 Photo


Registered User
388 posts

Hey Inger that coding worked on another page I made but not in my regular page.

Now a dumb question.: How to get it to center vertically?

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.