Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Calendar & Events > Adding other calendars
davpa (Applicant) 6/9/2012 1:27 PM EST : Adding other calendars
davpa
Posts: 1986

0
Like

0
Dislike

I have two groups, one I created and one that I just inherited.  I know I can share events between allied guilds, but that gets cluttered up a lot, especially if members have no involvement with the other guild.

So what I was wonder if there was a way to have the other guild's calendar feed into a second calendar?  Ideally, I want to have the Guild's Calendar page to have the month view of their events, then below to have just a week view, like the week view calendar widget, underneath it to show what the sister guild is doing.  That way they can see but not have their events cluttered up by the other guild.

Does that make sense?  Is that possible?
TopBottom

Mottie (SuperAdmin) 6/9/2012 5:18 PM EST : RE: Adding other calendars
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi davpa!

I've updated the weekly script to allow you to set a guildId of your affiliate site.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

davpa (Applicant) 6/9/2012 6:49 PM EST : RE: Adding other calendars
davpa
Posts: 1986

0
Like

0
Dislike

Sorry, not to be dense, but I can't seem to get this to work.  This is the script that I edited, but I don't think I placed the ID in the right place:

<style type="text/css">
/* Overall table */
.weekly-table, .weekly-table th, .weekly-table td { border: 
#777 1px solid; border-collapse: collapse; }

/* Header - contains the days of the week */

th.weekly-header { text-align: center; width: 14.3%; text-transform: capitalize; background: 
#222; color: #fff; }

/* weekdays */
.weekly-day { height: 
80px; vertical-align: top; padding-right: 5px; }
.weekly-day span { float: 
right; }

/* weekends */
.weekly-weekend { background: 
#333; }

/* today */
td.weekly-today { background: 
#444; }

/* event and event image */
.weekly-event img { width: 
20px; height: 20px; float: left; }

/* event title in tooltip */
#tooltip .title { font-weight: bold; }
</style>

<!-- calendar box -->
<div class="weekly"></div>

<script type="text/javascript" src="/GuildFiles/258012/gp-weekly-min.js
"></script>
<script type="text/javascript">
 /* weekly script code */
 
$('.weekly').weekly({
    guildId: 289757
});

</script>


I probably have the guildID tag in the totally wrong place.  Also, I might be getting the right info for the Guild ID.  That is just in the URL, correct?  So your site's guild ID is 258012, am I reading that right?

I know this is picky, but I'm shooting for the Moon here.  Any way for it to function like the weekly calendar widget?  I use custom roles that are the same between both sites and I'd like to keep that info.  In an ideal world, this is what I'd love to see on my page.  This is a photoshop example:


TopBottom

davpa (Applicant) 6/12/2012 12:42 PM EST : RE: Adding other calendars
davpa
Posts: 1986

0
Like

0
Dislike

Any word on what I'm doing wrong?  Where am I suppose to place the ID in the code?
TopBottom

Mottie (SuperAdmin) 6/13/2012 8:21 AM EST : RE: Adding other calendars
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Davpa!

To me, it looks like it's working on both sites: http://guildportal.com/Guild.aspx?GuildID=352170&TabID=2948574

When you hover over the icon in the calendar, you'll see the event info - which would be formatted once you add the "Modified Tooltips" mod - but, it would only take a simple modification to the script to make it show the event inside the date instead of just an icon.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Mottie (SuperAdmin) 6/13/2012 10:01 AM EST : RE: Adding other calendars
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Ok Davpa!

I've modified the weekly calendar script to allow you to add the event info directly into the calendar date instead of inside of the icon tooltip.

Just set the new "showInTooltip" option to false - updated in the instructions; Oh, and you'll need to update your css as well. I've modified this part of the css:
/* event and event image */
a.weekly-event img { width:
20px; height: 20px; float: left; }
a.weekly-event-shown {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #fff 1px solid;
    color: #fff;
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
    font-size: .9em;
}
a.weekly-event-shown img { width: 16px; height: 16px; }
a.weekly-event-shown .fc-event-time {
    font-weight: bold;
}
Now just initialize the script like this:
<script type="text/javascript">
$(function(){
 /* weekly script code */
 
$('.weekly').weekly({
    groupId: 289757,
    showInTooltip: false
  });
});

</script>
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

davpa (Applicant) 6/13/2012 10:49 AM EST : RE: Adding other calendars
davpa
Posts: 1986

0
Like

0
Dislike

Mottie said:
Hi Davpa!

To me, it looks like it's working on both sites: http://guildportal.com/Guild.aspx?GuildID=352170&TabID=2948574

When you hover over the icon in the calendar, you'll see the event info - which would be formatted once you add the "Modified Tooltips" mod - but, it would only take a simple modification to the script to make it show the event inside the date instead of just an icon.



Actually, it is not working.  What you are seeing is the Month calendar site and then a mirror of the current week of the same calendar when it should be showing the other site's calendar....man, that does not sound clear at all.

Let's look at the Entropy Legion as the main site.  So I go on the Entropy Legion's Calendar and you see it in Month view.  Below, I placed a weekly calendar view that should be showing the Union Supreme week.  Currently, for some reason, you are not seeing the Union Supreme but the Entropy Legion's week.  So on the Entropy Legion calendar page you are seeing two calendars showing the same thing.

The same thing is happening on the Union Supreme calendar, where it shows only Union Supreme events where that bottom week calendar should be posting the Entropy Legion.

Hope that clears up what seems to be the issue.
TopBottom

davpa (Applicant) 6/13/2012 10:56 AM EST : RE: Adding other calendars
davpa
Posts: 1986

0
Like

0
Dislike

Mottie said:
Ok Davpa!

I've modified the weekly calendar script to allow you to add the event info directly into the calendar date instead of inside of the icon tooltip.

Just set the new "showInTooltip" option to false - updated in the instructions; Oh, and you'll need to update your css as well. I've modified this part of the css:
/* event and event image */
a.weekly-event img { width:
20px; height: 20px; float: left; }
a.weekly-event-shown {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #fff 1px solid;
    color: #fff;
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
    font-size: .9em;
}
a.weekly-event-shown img { width: 16px; height: 16px; }
a.weekly-event-shown .fc-event-time {
    font-weight: bold;
}
Now just initialize the script like this:
<script type="text/javascript">
$(function(){
 /* weekly script code */
 
$('.weekly').weekly({
    guildId: 289757,
    showInTooltip: false
  });
});

</script>
This worked like a champ.  I like seeing the events like that as I use color codes in my Event Categories.  Now just got to get the right calendar to show up, as my post just a few minutes ago.
TopBottom

Mottie (SuperAdmin) 6/13/2012 3:44 PM EST : RE: Adding other calendars
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Oops!! I named it "groupId" not "guildId"
<script type="text/javascript">
$(function(){
 /* weekly script code */
 
$('.weekly').weekly({
    groupId: 289757,
    showInTooltip: false
  });
});

</script>
 
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

davpa (Applicant) 6/13/2012 5:21 PM EST : RE: Adding other calendars
davpa
Posts: 1986

0
Like

0
Dislike

Mottie said:
Oops!! I named it "groupId" not "guildId"
<script type="text/javascript">
$(function(){
 /* weekly script code */
 
$('.weekly').weekly({
    groupId: 289757,
    showInTooltip: false
  });
});

</script>
 


That was the kicker!  Thanks, that looks great now.  It is going to help keep things clear for both groups to have calendars like.
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%