<?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>David Simpson &#187; jQuery</title>
	<atom:link href="http://davidsimpson.me/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://davidsimpson.me</link>
	<description>Developing the web, one page at a time.</description>
	<lastBuildDate>Wed, 16 May 2012 20:14:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>How to reverse the order of comments on Confluence pages</title>
		<link>http://davidsimpson.me/2012/01/24/how-to-reverse-the-order-of-comments-on-confluence-pages/</link>
		<comments>http://davidsimpson.me/2012/01/24/how-to-reverse-the-order-of-comments-on-confluence-pages/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 14:15:56 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[atlassian]]></category>
		<category><![CDATA[confluence]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://davidsimpson.me/?p=1382</guid>
		<description><![CDATA[From a recent comment on Atlassian Answers, Norman Hills asked &#8220;Is it possible to reverse the order in which comments appear?&#8221; This is straightforward if done client-side, so I&#8217;ve written it up here. If you just want to reverse the order for good, browse to Confluence Admin &#124; Look &#038; Feel &#124; Custom HTML Add [...]]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton1382" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fdavidsimpson.me%2F2012%2F01%2F24%2Fhow-to-reverse-the-order-of-comments-on-confluence-pages%2F&amp;via=dvdsmpsn&amp;text=How%20to%20reverse%20the%20order%20of%20comments%20on%20Confluence%20pages&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fdavidsimpson.me%2F2012%2F01%2F24%2Fhow-to-reverse-the-order-of-comments-on-confluence-pages%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://davidsimpson.me/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;"></a></div><p>From a recent comment on <a href="https://answers.atlassian.com/">Atlassian Answers</a>, Norman Hills asked &#8220;<a href="https://answers.atlassian.com/questions/28999/is-it-possible-to-reverse-the-order-in-which-comments-appear">Is it possible to reverse the order in which comments appear?</a>&#8221;</p>
<p>This is straightforward if done client-side, so I&#8217;ve written it up here.<br />
<span id="more-1382"></span><br />
If you just want to reverse the order for good, browse to <b>Confluence Admin | Look &#038; Feel | Custom HTML</b></p>
<p>Add this to <b>At the end of the HEAD</b>:</p>
<pre class="brush: jscript; title: ;">
&lt;script&gt;
  AJS.toInit(function(){
    $comments = AJS.$('#page-comments');
    $comments.children().each(function(i,li){$comments.prepend(li)});
  });
&lt;/script&gt;
</pre>
<p>Job done.</p>
<h2>For extra points</h2>
<p>If you want to be able to reverse the order, then it&#8217;s slightly more effort.</p>
<p>Browse to <b>Confluence Admin | Look &#038; Feel | Custom HTML</b></p>
<p>Add this to <b>At the end of the HEAD</b>:</p>
<pre class="brush: jscript; title: ;">
&lt;script&gt;
  function reverseCommentOrder(){
    $comments = AJS.$('#page-comments');
    $comments.children().each(function(i,li){$comments.prepend(li)});
  }

  AJS.toInit(function(){
    // reverse the comment order
    reverseCommentOrder();

    // add a link to reverse the order
    AJS.$('#comments-section-title').append('&lt;a id=&quot;page-comments-reverse&quot; href=&quot;#&quot;&gt;(Reverse Order)&lt;/a&gt;');
    AJS.$('#page-comments-reverse').css({ 'color':'#999','font-size':'0.65em'})
                                   .click(function(e){
      reverseCommentOrder();
      e.preventDefault();
    });
  });
&lt;/script&gt;
</pre>
<p>That&#8217;s all. Have fun.</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://davidsimpson.me/2012/01/24/how-to-reverse-the-order-of-comments-on-confluence-pages/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Portal UI Design Patterns</title>
		<link>http://davidsimpson.me/2009/11/24/portal-ui-design-patterns/</link>
		<comments>http://davidsimpson.me/2009/11/24/portal-ui-design-patterns/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 10:48:06 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[luminis]]></category>
		<category><![CDATA[portal]]></category>
		<category><![CDATA[sungardhe]]></category>
		<category><![CDATA[ui patterns]]></category>
		<category><![CDATA[university of nottingham]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://davidsimpson.me/?p=448</guid>
		<description><![CDATA[Here are the slides from a talk I gave at the European Luminis User Group in Nottingham last week. Outlined are some thoughts behind reusable UI elements in the Luminis portal at the University of Nottingham. Portal UI Design Patterns]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton448" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fdavidsimpson.me%2F2009%2F11%2F24%2Fportal-ui-design-patterns%2F&amp;text=Portal%20UI%20Design%20Patterns&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fdavidsimpson.me%2F2009%2F11%2F24%2Fportal-ui-design-patterns%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://davidsimpson.me/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;"></a></div><p>Here are the slides from a talk I gave at the European Luminis User Group in Nottingham last week. </p>
<p>Outlined are some thoughts behind reusable UI elements in the Luminis portal at the University of Nottingham. </p>
<div style="width:425px;text-align:left" id="__ss_2544097"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/dvdsmpsn/portal-ui-design-patterns" title="Portal UI Design Patterns">Portal UI Design Patterns</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=elug-portaluidesignpatternstoshare-091120054329-phpapp02&#038;stripped_title=portal-ui-design-patterns" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=elug-portaluidesignpatternstoshare-091120054329-phpapp02&#038;stripped_title=portal-ui-design-patterns" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
</div>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://davidsimpson.me/2009/11/24/portal-ui-design-patterns/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Google Analytics and SungardHE Luminis</title>
		<link>http://davidsimpson.me/2009/02/27/google-analytics-and-sungardhe-luminis/</link>
		<comments>http://davidsimpson.me/2009/02/27/google-analytics-and-sungardhe-luminis/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 05:53:05 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[analytics]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[google analytics]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[luminis]]></category>
		<category><![CDATA[sungardhe]]></category>

		<guid isPermaLink="false">http://davidsimpson.me/?p=73</guid>
		<description><![CDATA[The slides from a presentation I&#8217;m giving today at the European Luminis User Group (ELUG) meeting at the University of Greenwich. Google Analytics and Sungard HE Luminis View more presentations from dvdsmpsn. (tags: google analytics)]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton73" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fdavidsimpson.me%2F2009%2F02%2F27%2Fgoogle-analytics-and-sungardhe-luminis%2F&amp;text=Google%20Analytics%20and%20SungardHE%20Luminis&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fdavidsimpson.me%2F2009%2F02%2F27%2Fgoogle-analytics-and-sungardhe-luminis%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://davidsimpson.me/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;"></a></div><p>The slides from a presentation I&#8217;m giving today at the European Luminis User Group (ELUG) meeting at the <a href="http://www.gre.ac.uk">University of Greenwich</a>.</p>
<div id="__ss_1064557" style="width: 100%; text-align: left;"><a title="Google Analytics and Sungard HE Luminis" href="http://www.slideshare.net/dvdsmpsn/google-analytics-and-sungard-he-luminis?type=powerpoint" style="margin: 12px 0pt 3px; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;">Google Analytics and Sungard HE Luminis</a><object height="100%" width="425" style="border: 0pt none  ! important; margin: 0px;"><param value="http://static.slideshare.net/swf/ssplayer2.swf?doc=usersdavidsimpsondocumentsgaandluminiseluggreenwichkeynote-090224105948-phpapp01&amp;rel=0&amp;stripped_title=google-analytics-and-sungard-he-luminis" name="movie"/><param value="true" name="allowFullScreen"/><param value="always" name="allowScriptAccess"/><embed height="367" width="425" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://static.slideshare.net/swf/ssplayer2.swf?doc=usersdavidsimpsondocumentsgaandluminiseluggreenwichkeynote-090224105948-phpapp01&amp;rel=0&amp;stripped_title=google-analytics-and-sungard-he-luminis"/></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a href="http://www.slideshare.net/" style="text-decoration: underline;">presentations</a> from <a href="http://www.slideshare.net/dvdsmpsn" style="text-decoration: underline;">dvdsmpsn</a>. (tags: <a href="http://slideshare.net/tag/google" style="text-decoration: underline;">google</a> <a href="http://slideshare.net/tag/analytics" style="text-decoration: underline;">analytics</a>)</div>
</div>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://davidsimpson.me/2009/02/27/google-analytics-and-sungardhe-luminis/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>jGoogleAnalytics &#8211; Google Analytics integration for jQuery</title>
		<link>http://davidsimpson.me/2008/06/18/jgoogleanalytics-google-analytics-integration-for-jquery/</link>
		<comments>http://davidsimpson.me/2008/06/18/jgoogleanalytics-google-analytics-integration-for-jquery/#comments</comments>
		<pubDate>Wed, 18 Jun 2008 10:43:17 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[analytics]]></category>
		<category><![CDATA[google analytics]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[university of nottingham]]></category>
		<category><![CDATA[web analytics]]></category>

		<guid isPermaLink="false">http://dvdsmpsn.wordpress.com/?p=3</guid>
		<description><![CDATA[Since I last added Google Analytics to a website, Google have changed from the old urchin.js file to the shiny new ga.js file. This means that I really ought to start using ga.js now. The University of Nottingham uses Sungard&#8217;s Luminis portal system which produces some rather nasty looking URLs. Web analytics for this is [...]]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton82" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fdavidsimpson.me%2F2008%2F06%2F18%2Fjgoogleanalytics-google-analytics-integration-for-jquery%2F&amp;text=jGoogleAnalytics%20%26%238211%3B%20Google%20Analytics%20integration%20for%20jQuery&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fdavidsimpson.me%2F2008%2F06%2F18%2Fjgoogleanalytics-google-analytics-integration-for-jquery%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://davidsimpson.me/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;"></a></div><p>Since I last added Google Analytics to a website, Google have changed from the old urchin.js file to the shiny new ga.js file.  This means that I really ought to start using ga.js now.</p>
<p>The <a href="http://www.nottingham.ac.uk/">University of Nottingham</a> uses Sungard&#8217;s Luminis portal system which produces some rather nasty looking URLs.   Web analytics for this is rather a handful &#8211; bad URLs, multiple features per page (each of which we&#8217;d like to track) and often tracking would be nice across sub-domains.</p>
<p>With that in mind,  and Google&#8217;s <a href="www.google.com/analytics/GATCmigrationguide.pdf">Tracking Code Migration Guide</a> close at hand, I&#8217;ve written jGoogleAnalytics.js to allow me to track:</p>
<ul>
<li>clicks events</li>
<li>form submit events</li>
<li>cross subdomain</li>
<li>cross domain (e.g. for eCommerce payment gateways hosted externally)</li>
<li>new organic search engines</li>
<li>all the features of <a href="http://devblog.jasonhuck.com/2007/11/19/google-analytics-integration-with-jquery/">Jason Huck&#8217;s GA jQuery integration</a></li>
</ul>
<p><a title="Download jGoogleAnalytics - Google Analytics integration for jQuery" href="http://webapps.nottingham.ac.uk/js/jquery/jGoogleAnalytics.js">Download jGoogleAnalytics.js</a><br />
<span id="more-82"></span><br />
Usage:</p>
<pre class="brush: jscript; title: ;">// At it's simplest
$.jGoogleAnalytics( 'UA-XXXXXX-X');

// More advanced version
$.jGoogleAnalytics(
	'UA-XXXXXX-X', // Your GA tracker code
	{
		anchorClick: false, // adds click tracking to *all* anchors
		clickEvents: null, // e.g. {'.popup': '/popup/nasty'}
		crossDomainSelector: false, // e.g. 'a.crossDomain'
		domainName: false, // e.g. 'nottingham.ac.uk'

		evalClickEvents: null, // e.g. {'#menu li a': &quot;'/tabs/'+ $(this).text()&quot;}
		evalSubmitEvents: null, // e.g. {'#menu li a': &quot;'/tabs/'+ $(this).text()&quot;}

		extensions: [
		'pdf','doc','xls','csv','jpg','gif', 'mp3',
		'swf','txt','ppt','zip','gz','dmg','xml'
		], // download extensions to track

		external: '/external/', // prefix to add to external links
		mailto: '/mailto/', // prefix to add to email addresses
		download: '/download/', // prefix to add to downloads

		organicSearch: null, // e.g. {'search-engine': 'query-term', 'google.nottingham.ac.uk': 'q'}
		pageViewsEnabled: true, // can be disabled e.g. if only tracking e.g. click events
		sampleRate: null, // e.g. 50 - set the sample rate at 50%
		submitEvents: {'#personUK': '/personsearch/uk'}
	}
);</pre>
<p>I&#8217;ve not added any eCommerce tracking to this release as we simply don&#8217;t have the need for it.</p>
<p>If you use this script, pplease leave a comment!</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://davidsimpson.me/2008/06/18/jgoogleanalytics-google-analytics-integration-for-jquery/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
	</channel>
</rss>

