Jump to content


Trumba Community Member
  • Content Count

  • Joined

  • Last visited

Everything posted by Troy

  1. My brain gets it now ! Let's get even more specific - I'm assuming that you've got a Trumba calendar spud embedded on a page in your portal right? And you want event detail links to display in a new window, a pop-up window, not the window in which the calendar/portal is being displayed. The user would then have to close that external window using the back to calendar link (we'd pass the page enough info to know that it should do a window.close()) or using the native OS window close button. That's what you're digging right? -Troy
  2. I think we're almost there. When you say you don't like loading content into the parent window that tells me you have a frameset. I know that we don't play well with framesets right now. Is this the issue? If you've got a URL I can look at it would help me understand just what is the bad behavior on our part.
  3. Evan, This is something we can work on but first I want to understand your situation exactly. You say you don't like to load pages on top of portal pages but instead want to display event details in a new window. Would that new pop-up window not be on top of your portal pages? So you don't care if a new window sits on top of the calendar but you do care if the event details are displayed in the same space as the calendar which is our default behavior. Correct? Set me straight so I can help you out here. Troy
  4. What you encountered was a 10-minute caching window for Spud requests. All Spuds are cached for 10-minutes so new events won't show up until you either clear your cache or wait for the client cache to invalidate the request. MORE INFORMATION: https://www.trumba.com/help/trumbafaq.aspx#tfaq_tenminutes
  5. Yes, of course it's chopped, very typical of IFRAME height. You can paste the following code into your events.htm file to get it to auto-size to the calendar. <script type="text\javascript"> function resizeIFrame() { var name = window.name; var iframe = window.parent.getElementById(name); if (iframe == null) iframe = window.parent.frames[name]; if (iframe != null) { // adjust the iframe's height based on its contents if (iframe.contentDocument && iframe.contentDocument.body.offsetHeight) iframe.height = Math.min(iframe.contentDocument.body.offsetHeight, 10000); // netscape/firefox else if (iframe.Document && iframe.Document.body.scrollHeight) iframe.height = Math.min(iframe.Document.body.scrollHeight, 10000) + 2; // internet explorer } } window.onload = resizeIFrame; window.onresize = resizeIFrame; </script> Mind you I wrote this really fast and wasn't able to test the code. I'll try it out in the morning but you can go ahead and try it right now if you want. The idea is that whenever your iframe loads or resizes you redo the document height. This is a known and tricky issue with IFRAMEs. It's based on code inside our Spuds that does essentially the same thing. There could be an issue if the Spud grows too much but we'll deal with that when we get there.
  6. All Trumba spud (widget) code is JavaScript, so unfortunately there is no way to embed Trumba spuds without using JavaScript. However you could fake the embed by instead embedding the Trumba Hosted version of any published calendar. For example, you could embed this using an IFRAME or a FRAMESET. Here's an IFRAME that does just that: <html> <body> <iframe src="[url="https://www.trumba.com/calendars/webname"]https://www.trumba.com/calendars/webname" frameborder="0" width="100%" height="100%"></iframe> </body> </html> When using the Trumba Hosted view, you are limited by the layout, the limited spuds and Trumba branding. To get a lesser set of Spuds you'd have to use JavaScript. We also offer CSV, ICS, XML, RSS and JSON feeds for every published calendar that you can pull and possibly parse to embed and render a calendar on your site. CUSTOMIZE CALENDAR FEEDS: https://www.trumba.com/help/api/customfeeds.aspx
  7. Kevin, This is a very interesting situation that I haven't encountered yet. Thanks for bringing it to my attention. What's happening here is that you've nested a Spud inside an IFRAME that you are re-using for navigation. I'm talking about MainiFrame. Normally this Spud would have not interfered with the operation of your IFRAME and your site would work as you would expect. However you added an Upcoming Spud to your home page which is causing the main calendar Spud inside events.html to take over your MainiFrame. This is actually intentional and is used to support our older but now deprecated method of putting Spuds in IFRAMEs. Here's how you can fix it. First you need to create a new file called eventsiframe.htm and place it in the same directory as events.htm. Here's the source for eventsiframe.htm: <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> </head> <body> <script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=saaac_calendar"></script> </body> </html> Now you need to edit your original events.htm and replace the <script>...</script> tag that points to trumba with a new <iframe></iframe> tag that points to the eventsiframe.htm file that you just created. Here's the what the source of events.htm looks like now: <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Events</title> </head> <body> <b><font face="Arial">Events (2006-2007 School Year)</font></b> <br> <hr> <table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0"> <tr> <td> <iframe id="TrumbaIFrame" src="eventsiframe.html" frameborder="no" width="100%" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true"></iframe></td> </tr> </table> </html> What I'm doing with this fix is that I'm creating the Spud inside it's own IFRAME which in turn lives inside your MainiFrame. This avoids the conflict between the Upcoming and Calendar Spuds and gets your site working again.
  8. Dr. Hansen-Quao, Using inline frames (IFRAME tag) to embed spuds works fine. However you don't need to do so as we do that for ourselves already. Thus you'd be putting an IFRAME in and IFRAME, an unnecessary step. You need only insert our Spud SCRIPT tag where you desire the Spud in your document. As for keeping you on your site, you need to do as wyndwoman said and define another page on your site that houses a calendar Spud that you want to display when events are clicked in the date finder or upcoming Spuds. You set the trumba_teaserBase variable to point to this calendar page. I recently explained this in the following two threads. http://forums.trumba.com/index.php?s=&...post&p=3205 http://forums.trumba.com/index.php?showtopic=878 I hope this helps. -Troy
  9. bbern, Please see my follow-up at http://forums.trumba.com/index.php?showtop...&gopid=3192. This has nothing to do with web servers, Trumba code or your Apache config. It's simple a scripting issue. -Troy
  10. bbern, I just took a closer look at your code and there's something I missed in your IFRAME example. My recommendation of using calendar.jsp for trumba_teaserBase is incorrect, it should have said to use a different page, the one that contains your calendar Spud. For the sake of example let's simplify things. First off, drop trying to use IFRAMEs. We're going to abandon it in the future and it only adds complexity to your site. I've simplified your example using non-IFRAMEs which works fine for your calendar. There are two files, datefinder.html and calendar.html. datefinder.html will jump to calendar.html when you click on a day. Save these files to your site and load them in the browser. You should find that they work. datefinder.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>Trumba Testing</title> </head> <div id="content" style="width:200px;"> <script> var trumba_teaserBase = "calendar.html"; </script> <script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=constantcontactEventsAz&widget=datefinder"></script> </div> </body> </html> calendar.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>Trumba Testing</title> </head> <div id="content"> <script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=constantcontactEventsAz"></script> </div> </body> </html> -Troy p.s. Edited by Jill 25 Aug. to remove sneaky "a href" tags from code
  11. bbern, It is an indicator that the Spud is in the middle of reloading and that pressing a link or button again will have no effect. It would appear that you aren't seeing it as imparting that knowledge so perhaps we should revisit the usability of this icon. Thanks for the feedback, I'll put it on my list. -Troy
  12. The datefine spud works fine either alone or with the calendar spud. You were missing the trumba_teaserBase variable which lets the datefinder work in absence of a calendar spud. Please see my responce at http://forums.trumba.com/index.php?showtop...&gopid=3192 -Troy
  13. bbern, Your content_test.jsp is missing a javascript variable that defines what page to jump to when displaying the event details. This is the trumba_teaserBase variable and it's detailed in my post on using Trumba teasers at http://forums.trumba.com/index.php?showtopic=878 Here is the corrected content_test.jsp file below that has a trumba_teaserBase variable. I am assuming that your calendar.jsp file is in the same folder as content_test.jsp. If not please adjust the url. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>Trumba Testing</title> <noscript><a href="http://www.yoursite.com/calendar.html">Date finder for our site calendar</a></noscript> </head> <body> <div style="width:200px"> <script type="text/javascript"> // This is the URL of your calendar page, in our case calendar.jsp. var trumba_teaserBase = "calendar.html"; </script> <script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=constantcontactEventsAz&widget=datefinder"></script> </div> </body> </html> -Troy
  14. bbern, Can you send me a URL to look at so I can diagnose this? -Troy
  15. Alex, could you please post a URL to your page or at least the source code you've written. I'll help you with this. -Troy
  16. Sorry Demetri, it's too early to tell you exactly how you'll be able to customize the spuds.
  17. There is no way to customize the fonts or other contents of the Upcoming spud at this point We are working on these very issues at the moment so you should see some progress in the future. -Troy
  18. You did nothing wrong, I did. I had the capitalization wrong. You need to spell upcoming with a lower case u. <script type="text/javascript"> var trumba_upcomingHideHeader = true; var trumba_upcomingHideFooter = true; var trumba_upcomingHideBorder = true; </script> -Troy
  19. Demetri In fact there is a way to do it. There are three variables you can define in order to hide various Upcoming Spud items. The following script block shows how to hide the header, footer and border surrounding the Spud. These variables need to be delcared before your Spud, i.e. the k.aspx reference. <script type="text/javascript"> var trumba_UpcomingHideHeader = true; var trumba_UpcomingHideFooter = true; var trumba_UpcomingHideBorder = true; </script> If I were to modify your page to hide the header then I would have the following Spud reference: <script type="text/javascript"> var trumba_UpcomingHideHeader = true; var trumba_teaserBase = "http://stsconstantine-helen.com/Content/Pages/Calendar.html"; </script> <script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=schcalendar&widget=upcoming&events=4"></script> Make sense? -Troy
  20. Megs, You need to wrap the Spud in a DIV or TABLE to enforce size. Here is an HTML page outlining both of these methods. The first is a fixed sized DIV of 600px wide and 400px tall. It smashes the calendar into a very small space. The second is a variable sized table whose width is 80% of the page. It flows very nicely. I hope these help. -Troy <html><body> <p>Calendar Spud inside a fixed width DIV.</p> <div style="width:600px;overflow:auto;height:400px;"> <script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=kexp&template=month"></script> </div> <p>Calendar Spud inside a variable width TABLE.</p> <table style="width:80%;"> <tr><td> <script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=kexp&template=month"></script> </td></tr> </table> </body></html>
  21. The Trumba RSS link for any calendar will always direct you to and return the XML that constitutes the RSS feed of a calendar. The XML is meant to be consumed by an RSS reader(aka Blog Reader), but some older browsers will display it raw if they don't know what to do with it. Many modern web browsers today will, instead of showing you just the raw XML, show you the data in a blog style format. FireFox and Mozilla will show you raw XML if click the RSS link. However, if you click the RSS icon in the lower right corner of the browser and select "Subscribe to 'X' Events Calendar'", it will create a bookmark that subscribes you to the blog. Safari will always show you a blog format if you click the RSS link, which is very nice. Typically you need to either need to drag and drop the RSS icon into an RSS reader or copy the RSS address and paste it into the reader. The reader will then handle subscribing.
  • Create New...