<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>George Brocklehurst's weblog &#187; javascript</title>
	<atom:link href="http://blog.georgebrock.com/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.georgebrock.com</link>
	<description>Because some things are too long for Twitter</description>
	<lastBuildDate>Fri, 19 Feb 2010 00:15:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Enhanced hCalendar download links</title>
		<link>http://blog.georgebrock.com/projects/enhanced-hcalendar-downloads</link>
		<comments>http://blog.georgebrock.com/projects/enhanced-hcalendar-downloads#comments</comments>
		<pubDate>Fri, 21 Nov 2008 13:00:44 +0000</pubDate>
		<dc:creator>George Brocklehurst</dc:creator>
				<category><![CDATA[projects]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[hcalendar]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[sumo]]></category>

		<guid isPermaLink="false">http://blog.georgebrock.com/?p=20</guid>
		<description><![CDATA[Introduction
A script that automatically transforms links to Technorati&#8217;s events service into a useful little menu allowing events to be downloaded or added to various online calendar services. If you want to see it action check out this live demo.
It&#8217;s a bit rough around the edges (there&#8217;s a list of issues below). It uses Dan Webb&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<h3>Introduction</h3>
<p>A script that automatically transforms links to <a href="http://technorati.com/events">Technorati&#8217;s events service</a> into a useful little menu allowing events to be downloaded or added to various online calendar services. If you want to see it action check out this <a href="http://blog.georgebrock.com/supporting/enhanced-hcalendar-download-links/demo.html">live demo</a>.</p>
<p>It&#8217;s a bit rough around the edges (there&#8217;s a <a href="#ehcdl-notes">list of issues</a> below). It uses <span class="vcard"><span class="fn">Dan Webb</span>&#8217;s <a class="url" href="http://www.danwebb.net/2007/2/9/sumo-a-generic-microformats-parser-for-javascript">Sumo microformats parser</a></span> to extract event details (some online calendar services don&#8217;t support iCalendar import, so the details need to be passed directly) and <a href="http://jquery.com/">JQuery</a> to manipulate the page.</p>
<h3>Files</h3>
<p>The latest version of the script is kept in a <a href="http://github.com/georgebrock/enhanced-hcalendar-downloads/">public repository on GitHub</a></p>
<h3>How to use</h3>
<ol>
<li>Mark up your events using <a href="http://microformats.org/wiki/hcalendar">hCalendar</a></li>
<li>Add a link to Technorati&#8217;s events parsing service. For example, the link for this page would be <a href="http://technorati.com/events/http://blog.georgebrock.com/projects/enhanced-hcalendar-downloads">http://technorati.com/events/http://blog.georgebrock.com/projects/enhanced-hcalendar-downloads</a></li>
<li>Add all the relevant Javascript files to your page (Sumo&#8217;s <a type="text/javascript" href="http://svn.danwebb.net/external/microformat/microformat.js">microformat.js</a> and <a type="text/javascript" href="http://svn.danwebb.net/external/microformat/hcalendar.js">hcalendar.js</a>, <a href="http://docs.jquery.com/Downloading_jQuery">JQuery</a> and <a type="text/javascript" href="http://github.com/georgebrock/enhanced-hcalendar-downloads/tree/master/enhanced-hcalendar-downloads.js">enhanced-hcalendar-downloads.js</a>)</li>
<li>That&#8217;s all you need to do, but you might want to add some <abbr title="Cascading Style Sheets">CSS</abbr> rules to make the menu prettier (start here: <a type="text/css" href="http://github.com/georgebrock/enhanced-hcalendar-downloads/tree/master/enhanced-hcalendar-downloads.css">enhanced-hcalendar-downloads.css</a>)</li>
</ol>
<div id="ehcdl-notes">
<h3>Issues</h3>
<ul>
<li>The current version only supports <var>duration</var> in the format <code>PT<var>minutes</var>M</code>. If a <var>dtend</var> is provided it will be used in preference to <var>duration</var>.</li>
<li>Sumo and Technorati both have some quirks about which variations of the ISO 8601 date format they support.</li>
<li>If you include a fragment in the URL you pass to Technorati, the script will use the first event found in that container to generate the Google and Yahoo! calendar links.  Unfortunately the Technorati service will ignore the fragment and parse all the hCalendar instances on the page, I&#8217;ve asked them if this can be changed.</li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.georgebrock.com/projects/enhanced-hcalendar-downloads/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
