<?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>of bits and bytes &#187; Web</title>
	<atom:link href="http://blog.rolandbaer.ch/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.rolandbaer.ch</link>
	<description>Der normale Wahnsinn in der Softwarewelt - The ordinary madness in the world of software.</description>
	<lastBuildDate>Sun, 05 Feb 2012 16:14:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Piwik in c&#8217;t 4/2012</title>
		<link>http://blog.rolandbaer.ch/2012/02/05/piwik-in-ct-42012/</link>
		<comments>http://blog.rolandbaer.ch/2012/02/05/piwik-in-ct-42012/#comments</comments>
		<pubDate>Sun, 05 Feb 2012 16:14:10 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Google Analytics]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=465</guid>
		<description><![CDATA[Die aktuelle c&#8217;t (Ausgabe 4/2012) beinhaltet den Artikel &#8220;Tiefen-Analyse&#8221; zum Thema Web-Analytics. Er behandelt zum einen Google Analytics, stellt aber auch verschiedene komerzielle und freie Alternativen vor, unter anderem auch Piwik. Daneben werden aber auch noch Heatmap-Dienste und -Programme vorgestellt. Dabei handelt es sich um Auswertungen, auf welche Elemente der Webseite die Benutzer am Häufigsten [...]]]></description>
			<content:encoded><![CDATA[<p>Die aktuelle <a href="http://www.ct.de/" title="c't Magazin">c&#8217;t</a> (<a href="http://www.heise.de/ct/inhalt/2012/04/6/">Ausgabe 4/2012</a>) beinhaltet den Artikel &#8220;<a href="http://www.heise.de/ct/inhalt/2012/04/142/">Tiefen-Analyse</a>&#8221; zum Thema Web-Analytics. Er behandelt zum einen Google Analytics, stellt aber auch verschiedene komerzielle und freie Alternativen vor, unter anderem auch <a href="http://www.piwik.org/">Piwik</a>. Daneben werden aber auch noch <a href="http://de.wikipedia.org/wiki/Heatmap">Heatmap</a>-Dienste und -Programme vorgestellt. Dabei handelt es sich um Auswertungen, auf welche Elemente der Webseite die Benutzer am Häufigsten klicken. So können Schwachstellen der Webseite (z.B. schlecht erkennbare Links oder Elemente, die von Benutzern als Links wahrgenommen werden, aber keine Links sind) noch besser erkannt werden.<br />
Der Artikel ist keine umfassende Marktanalyse und auch kein detaillierter Test, gibt aber einen guten Überblick über verschiedene Dienste und spricht auch die Datenschutzproblematik an.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2012/02/05/piwik-in-ct-42012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Piwik in Version 1.6 erschienen</title>
		<link>http://blog.rolandbaer.ch/2011/10/29/piwik-in-version-1-6-erschienen/</link>
		<comments>http://blog.rolandbaer.ch/2011/10/29/piwik-in-version-1-6-erschienen/#comments</comments>
		<pubDate>Sat, 29 Oct 2011 09:31:33 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=386</guid>
		<description><![CDATA[Nachdem seit dem letzten Update doch einige Zeit verstrichen ist, erschien am 18. Oktober die Version 1.6 von Piwik. Neben verschiedenen Verbesserungen an bestehenden Funktionalitäten wurden auch Sicherheitslücken geschlossen. Für diesen Release wurden 75 Tickets abgearbeitet. Leider ist die Ankündigung nicht in RSS Feeds des Blogs ersichtlich, deshalb kam meine Ankündigung auch etwas verspätet.]]></description>
			<content:encoded><![CDATA[<p>Nachdem seit dem <a href="http://blog.rolandbaer.ch/2011/07/13/piwik-in-version-1-5-1-erschienen/" title="Piwik in Version 1.5.1 erschienen">letzten Update</a> doch einige Zeit verstrichen ist, erschien am 18. Oktober die Version 1.6 von <a href="http://piwik.org/">Piwik</a>.</p>
<p>Neben verschiedenen Verbesserungen an bestehenden Funktionalitäten wurden auch Sicherheitslücken geschlossen.</p>
<p>Für diesen Release wurden <a href="http://piwik.org/blog/2011/10/piwik-1-6/">75 Tickets abgearbeitet</a>. </p>
<p>Leider ist die Ankündigung nicht in <a href="http://piwik.org/feed/">RSS Feeds des Blogs</a> ersichtlich, deshalb kam meine Ankündigung auch etwas verspätet.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/10/29/piwik-in-version-1-6-erschienen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Studien zu Piwik und Google Analytics</title>
		<link>http://blog.rolandbaer.ch/2011/10/05/studien-zu-piwik-und-google-analytics/</link>
		<comments>http://blog.rolandbaer.ch/2011/10/05/studien-zu-piwik-und-google-analytics/#comments</comments>
		<pubDate>Wed, 05 Oct 2011 20:12:37 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Google Analytics]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=374</guid>
		<description><![CDATA[Als Benutzer und Unterstützer von Piwik bin ich natürlich auch daran interessiert, wie sich Piwik gegenüber Google Analytics und anderen Webanalyse-Tools behaupten kann. Ende September hat yourposition ihre Studie &#8220;Web Analytics in der Schweiz&#8221; präsentiert. In dieser Studie liegt Piwik in der Schweiz auf Position 5, ganz klar abgehängt von Google Analytics und auch mit [...]]]></description>
			<content:encoded><![CDATA[<p>Als Benutzer und Unterstützer von Piwik bin ich natürlich auch daran interessiert, wie sich Piwik gegenüber Google Analytics und anderen Webanalyse-Tools behaupten kann.</p>
<p>Ende September hat <a href="http://www.yourposition.ch/">yourposition</a> ihre Studie <a href="http://www.yourposition.ch/web-analytics/webanalyse-in-der-schweiz-google-analytics-baut-marktanteil-aus/">&#8220;Web Analytics in der Schweiz&#8221;</a> präsentiert. In dieser Studie liegt Piwik in der Schweiz auf Position 5, ganz klar abgehängt von Google Analytics und auch mit relevantem Abstand zu den Plätzen 2 bis 4. Wenn man nur die Webseiten betrachtet, die ein clientseitiges Webanalyse-Tool einsetzen (784 in der Studie) kommt Piwik auf einen Marktanteil von 2.9%.</p>
<p><a href="http://w3techs.com/">W3Techs</a> analysiert regelmässig die verwendeten Technologien auf den Webseiten. Sie stellen dabei auch eine Analyse für Top Level Domains (TLD) zur Verfügung. Laut <a href="http://w3techs.com/technologies/segmentation/tld-ch-/traffic_analysis">W3Techs Analyse der Webanalyse-Tools für die TLD &#8220;.ch&#8221;</a> erreicht Piwik mit einem Marktanteil von 4.3% den zweiten Platz hinter Google Analytics (Stand 5. Oktober 2011). Die weiteren Konkurenten kann Piwik mit knapp einem Prozent oder mehr Vorsprung hinter sich lassen.</p>
<p><a href="http://blog.rolandbaer.ch/wp-content/uploads/2011/10/W3Techs_20011005.png"><img src="http://blog.rolandbaer.ch/wp-content/uploads/2011/10/W3Techs_20011005-300x151.png" alt="Marktanteile der Webanalyse-Tools" title="W3Techs Webanalyse-Tools für .ch" width="300" height="151" class="aligncenter size-medium wp-image-378" /></a></p>
<p>Aus dem Vergleich der beiden Studien kann man einige Schlüsse ziehen:</p>
<ul>
<li>Google Analytics ist klarer Marktführer, ob nun mit knapp 73% (laut yourposition) oder mit knapp 88% (nach W3Techs) Maktanteil.</li>
<li>Piwik hat einen gewissen Marktanteil erreicht, es hat aber noch Potential nach oben!</li>
<li>Je nach Auswahl der Webseiten (Schweizer Webseiten und Webseiten mit TLD .ch müssen nicht dieselben sein) und Anzahl derselben kann das Resultat unterschiedlich ausfallen.</li>
<li>Studien und Analysen sollten immer mit einer Portion Skepsis betrachtet werden, getreu dem Sprichwort &#8220;Glaube keiner Statistik, die du nicht selbst gefälscht hast&#8221;.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/10/05/studien-zu-piwik-und-google-analytics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Piwik in Version 1.5.1 erschienen</title>
		<link>http://blog.rolandbaer.ch/2011/07/13/piwik-in-version-1-5-1-erschienen/</link>
		<comments>http://blog.rolandbaer.ch/2011/07/13/piwik-in-version-1-5-1-erschienen/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 20:38:48 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=358</guid>
		<description><![CDATA[Am Wochende ist Piwik in der Version 1.5 erschienen.]]></description>
			<content:encoded><![CDATA[<p>Am Wochende ist <a href="http://piwik.org/">Piwik</a> in der Version 1.5 erschienen.</p>
<p>Für diesen Release wurden <a href="http://piwik.org/blog/2011/07/piwik-1-5-1/">16 Tickets abgearbeitet</a>. Es wurden dabei keine neuen Features implementiert sondern nur Fehler und Probleme behoben.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/07/13/piwik-in-version-1-5-1-erschienen/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Slippery When Wet #4: this is it &#8211; the this keyword in Javascript</title>
		<link>http://blog.rolandbaer.ch/2011/07/13/slippery-when-wet-4-this-is-it-the-this-keyword-in-javascript/</link>
		<comments>http://blog.rolandbaer.ch/2011/07/13/slippery-when-wet-4-this-is-it-the-this-keyword-in-javascript/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 19:57:48 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[English]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Slippery When Wet]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[SWW]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=258</guid>
		<description><![CDATA[Coming from the C++/C#/Java world, the 'this' keyword is well known for accessing the instance of the class itself. In JavaScript, it's a little bit different...]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.rolandbaer.ch/wp-content/uploads/2008/10/slipperywhenwet.gif"><img src="http://blog.rolandbaer.ch/wp-content/uploads/2008/10/slipperywhenwet-216x300.gif" alt="" title="Slippery When Wet" width="216" height="300" class="alignright size-medium wp-image-61" /></a>I proudly present to you the fourth in a infinite number of posts of “Slippery When Wet.” In these posts I show you a little bastard I stumbled on.</p>
<p>Coming from the C++/C#/Java world, the &#8216;this&#8217; keyword is well known for accessing the instance of the class itself. For accessing members, it is not mandantory but often favored for clearness.</p>
<p>With this background, a first try could look like this (complete html page in the package, file this1.html):</p>
<div class="codecolorer-container javascript geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> marc <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Marc&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; hello<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>visitor<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Hello &quot;</span> <span style="color: #339933;">+</span> visitor <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;, my name is &quot;</span> <span style="color: #339933;">+</span> <span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;!&quot;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; <br />
<span style="color: #009900;">&#125;</span><br />
<br />
window.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><br />
<span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; marc.<span style="color: #660066;">hello</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Peter&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<p>And the output is:</p>
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Hello Peter, my name is !</div></div>
<p>OK, let&#8217;s try again!<br />
We call the name property explicit (this2.html):</p>
<div class="codecolorer-container javascript geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp; &nbsp; document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Hello &quot;</span> <span style="color: #339933;">+</span> visitor <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;, my name is &quot;</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;!&quot;</span><span style="color: #009900;">&#41;</span></div></div>
<p>And the output is, as expected:</p>
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Hello Peter, my name is Marc!</div></div>
<p>So, it&#8217;s a piece of cake, we have only to put the this keyword for all members, and we&#8217;re done&#8230;</p>
<p>Wait, not so fast, youngster!</p>
<p>Let&#8217;s try it with a function reference like in the next example (this3.html):</p>
<div class="codecolorer-container javascript geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> marc <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Marc&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; hello<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>visitor<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Hello &quot;</span> <span style="color: #339933;">+</span> visitor <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;, my name is &quot;</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;!&quot;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; <br />
<span style="color: #009900;">&#125;</span><br />
<br />
<span style="color: #003366; font-weight: bold;">var</span> greet <span style="color: #339933;">=</span> marc.<span style="color: #660066;">hello</span><span style="color: #339933;">;</span><br />
<br />
window.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><br />
<span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; greet<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Peter&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<p>And the output is:</p>
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Hello Peter, my name is !</div></div>
<p>The name is lost again!</p>
<p>This problem occurs because JavaScript doesn&#8217;t support implicit binding in a way C++ and others do.</p>
<p>With calling the function through the function reference, the this inside the hello function points not to marc but to the window. To verify this thesis, we just add a name to the window:</p>
<div class="codecolorer-container javascript geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> marc <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Marc&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; hello<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>visitor<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Hello &quot;</span> <span style="color: #339933;">+</span> visitor <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;, my name is &quot;</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;!&quot;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; <br />
<span style="color: #009900;">&#125;</span><br />
<br />
<span style="color: #003366; font-weight: bold;">var</span> greet <span style="color: #339933;">=</span> marc.<span style="color: #660066;">hello</span><span style="color: #339933;">;</span><br />
<br />
window.<span style="color: #000066;">name</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;Sue&quot;</span><span style="color: #339933;">;</span><br />
<br />
window.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><br />
<span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; greet<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Peter&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<p>And the output is:</p>
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Hello Peter, my name is Sue!</div></div>
<p>But how can we solve this problem? The two easiest solutions are apply and call:</p>
<div class="codecolorer-container javascript geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">var</span> marc <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Marc&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; hello<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>visitor<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Hello &quot;</span> <span style="color: #339933;">+</span> visitor <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;, my name is &quot;</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #000066;">name</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;!&quot;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span> &nbsp; <br />
<span style="color: #009900;">&#125;</span><br />
<br />
<span style="color: #003366; font-weight: bold;">var</span> greet <span style="color: #339933;">=</span> marc.<span style="color: #660066;">hello</span><span style="color: #339933;">;</span><br />
<br />
window.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><br />
<span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; greet.<span style="color: #660066;">apply</span><span style="color: #009900;">&#40;</span>marc<span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;Peter&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;br /&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; greet.<span style="color: #660066;">call</span><span style="color: #009900;">&#40;</span>marc<span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Peter&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span></div></div>
<p>And the output is:</p>
<div class="codecolorer-container text geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Hello Peter, my name is Marc!<br />
Hello Peter, my name is Marc!</div></div>
<p>With apply and call, you do an explicit binding. The object you pass as the first argument (in our example marc) does not need to have the function itself, but should of course have the members that are used inside the function.<br />
The difference of apply and call is only in the signature of the function. With apply, the parameter have to be passed inside an array. With call, the parameters are lined up after the explicit binding object.</p>
<p>This should give you some ideas to identify problems coming from the binding and some solutions to solve them.</p>
<p>For further reading i suggest the following articles:</p>
<ul>
<li><a href="http://www.alistapart.com/articles/getoutbindingsituations/">Getting Out of Binding Situations in JavaScript</a> </li>
<li><a href="http://www.webmasterpro.de/coding/article/javascript-what-is-this.html">What is this? &#8211; OOP in Javascript zähmen</a> (in german)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/07/13/slippery-when-wet-4-this-is-it-the-this-keyword-in-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fremde Webseite online editieren</title>
		<link>http://blog.rolandbaer.ch/2011/06/21/fremde-webseite-online-editieren/</link>
		<comments>http://blog.rolandbaer.ch/2011/06/21/fremde-webseite-online-editieren/#comments</comments>
		<pubDate>Tue, 21 Jun 2011 20:17:38 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web-Design]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=321</guid>
		<description><![CDATA[Ein kleiner Trick im Firefox (getestet mit Version 4.0.1): Einfach eine Webseite laden und dann folgende Zeile in das Adress-Feld eingeben und Enter drücken: javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 Erstmals ist keine Änderung ersichtlich. Man kann jetzt aber z.B. einen Text markieren und editieren. So kann man einfach kleine Änderungen vornehmen. Diese werden natürlich nicht gespeichert [...]]]></description>
			<content:encoded><![CDATA[<p>Ein kleiner Trick im Firefox (getestet mit Version 4.0.1):</p>
<p>Einfach eine Webseite laden und dann folgende Zeile in das Adress-Feld eingeben und Enter drücken:</p>
<div class="codecolorer-container javascript geshi" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">javascript<span style="color: #339933;">:</span>document.<span style="color: #660066;">body</span>.<span style="color: #660066;">contentEditable</span><span style="color: #339933;">=</span><span style="color: #3366CC;">'true'</span><span style="color: #339933;">;</span> document.<span style="color: #660066;">designMode</span><span style="color: #339933;">=</span><span style="color: #3366CC;">'on'</span><span style="color: #339933;">;</span> <span style="color: #000066; font-weight: bold;">void</span> <span style="color: #CC0000;">0</span></div></div>
<p>Erstmals ist keine Änderung ersichtlich. Man kann jetzt aber z.B. einen Text markieren und editieren. So kann man einfach kleine Änderungen vornehmen. Diese werden natürlich nicht gespeichert sondern gehen beim nächsten reload wieder verloren.</p>
<p>Weitere Tricks nehme ich gerne in den Kommentaren entgegen.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/06/21/fremde-webseite-online-editieren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Piwik in Version 1.5 erschienen</title>
		<link>http://blog.rolandbaer.ch/2011/06/21/piwik-in-version-1-5-erschienen/</link>
		<comments>http://blog.rolandbaer.ch/2011/06/21/piwik-in-version-1-5-erschienen/#comments</comments>
		<pubDate>Tue, 21 Jun 2011 19:55:51 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=317</guid>
		<description><![CDATA[Piwik ist in der Version 1.5 erschienen. Neben einem wichtigen Sicherheitsupdate sind dies die (aus meiner Sicht) wichtigesten Neuerungen: Diagramme mit Canvas und jQuery &#8211; keine Flash-Diagramme mehr Eigenes Logo hochladbar um Piwik zu individualisieren Ecommerce Analytics Für diesen Release wurden 55 Tickets abgearbeitet.]]></description>
			<content:encoded><![CDATA[<p>Piwik ist in der <a href="http://piwik.org/blog/2011/06/piwik-1-5-available-ecommerce-analytics/">Version 1.5</a> erschienen.</p>
<p>Neben einem wichtigen <a href="http://piwik.org/blog/2011/06/piwik-1-5-security-advisory/">Sicherheitsupdate</a> sind dies die (aus meiner Sicht) wichtigesten Neuerungen:</p>
<ul>
<li>Diagramme mit Canvas und jQuery &#8211; keine Flash-Diagramme mehr</li>
<li>Eigenes Logo hochladbar um Piwik zu individualisieren</li>
<li>Ecommerce Analytics</li>
</ul>
<p>Für diesen Release wurden <a href="http://piwik.org/blog/2011/06/piwik-1-5/">55 Tickets abgearbeitet</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/06/21/piwik-in-version-1-5-erschienen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Piwik in Version 1.4 erschienen</title>
		<link>http://blog.rolandbaer.ch/2011/04/30/piwik-in-version-1-4-erschienen/</link>
		<comments>http://blog.rolandbaer.ch/2011/04/30/piwik-in-version-1-4-erschienen/#comments</comments>
		<pubDate>Sat, 30 Apr 2011 09:48:18 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=268</guid>
		<description><![CDATA[Und es geht Schlag auf Schlag weiter: nachdem diesen Monat schon Version 1.3 erschienen ist, wurde nun auch schon Version 1.4 veröffentlicht. Hier die (aus meiner Sicht) wichtigesten Neuerungen: Automatische Reports können nun auch als HTML generiert werden Die automatischen Reports funktionieren nun auch, wenn keine cron-Tasks eingerichtet werden können Experimenteller IPv6 Support Für diesen [...]]]></description>
			<content:encoded><![CDATA[<p>Und es geht Schlag auf Schlag weiter: nachdem diesen Monat schon <a href="http://blog.rolandbaer.ch/2011/04/23/piwik-in-version-1-3-erschienen/">Version 1.3 erschienen</a> ist, wurde nun auch schon <a href="http://piwik.org/blog/2011/04/piwik-1-4-released-html-reports-beta-ipv6-support-better-campaign-tracking/">Version 1.4 veröffentlicht</a>.<br />
Hier die (aus meiner Sicht) wichtigesten Neuerungen:</p>
<ul>
<li>Automatische Reports können nun auch als HTML generiert werden</li>
<li>Die automatischen Reports funktionieren nun auch, wenn keine cron-Tasks eingerichtet werden können</li>
<li>Experimenteller IPv6 Support</li>
</ul>
<p>Für diesen Release wurden <a href="http://piwik.org/blog/2011/04/piwik-1-4/">31 Tickets abgearbeitet</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/04/30/piwik-in-version-1-4-erschienen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Piwik in Version 1.3 erschienen</title>
		<link>http://blog.rolandbaer.ch/2011/04/23/piwik-in-version-1-3-erschienen/</link>
		<comments>http://blog.rolandbaer.ch/2011/04/23/piwik-in-version-1-3-erschienen/#comments</comments>
		<pubDate>Sat, 23 Apr 2011 15:56:42 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=265</guid>
		<description><![CDATA[Piwik ist in der Version 1.3 erschienen. Zum einen gibt es nun die Möglichkeit, das Start- und Enddatum beliebig anzugeben (&#8220;Custom Date Range&#8221;). Daneben wurde auch die Performance und das Tracking API verbessert. Im Ganzen wurden 91 Tickets abgearbeitet.]]></description>
			<content:encoded><![CDATA[<p><a href="http://piwik.org/">Piwik</a> ist in der <a href="http://piwik.org/blog/2011/04/piwik-1-3-released/">Version 1.3</a> erschienen. Zum einen gibt es nun die Möglichkeit, das Start- und Enddatum beliebig anzugeben (&#8220;Custom Date Range&#8221;). Daneben wurde auch die Performance und das Tracking API verbessert. Im Ganzen wurden <a href="http://piwik.org/blog/2011/04/piwik-1-3/">91 Tickets abgearbeitet</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/04/23/piwik-in-version-1-3-erschienen/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Info-Offensive für Piwik</title>
		<link>http://blog.rolandbaer.ch/2011/03/20/info-offensive-fur-piwik/</link>
		<comments>http://blog.rolandbaer.ch/2011/03/20/info-offensive-fur-piwik/#comments</comments>
		<pubDate>Sun, 20 Mar 2011 14:46:32 +0000</pubDate>
		<dc:creator>Roland Bär</dc:creator>
				<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Piwik]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.rolandbaer.ch/?p=254</guid>
		<description><![CDATA[Zwei deutschsprachige Artikel haben den Fokus auf Piwik gerichtet: Der erste Artikel über den Einsatz von Piwik habe ich im c&#8217;t 7/2010 gefunden. Neben einigen Tricks für das Einrichten und den Einsatz in Foren und Shops hat es auch Informationen zu Datenschutzbelangen. Der zweite Artikel, erstellt vom Unabhängiges Landeszentrum für Datenschutz Schleswig-Holstein, befasst sich haptsächlich [...]]]></description>
			<content:encoded><![CDATA[<p>Zwei deutschsprachige Artikel haben den Fokus auf Piwik gerichtet:</p>
<p>Der erste Artikel über den Einsatz von <a href="http://piwik.org/">Piwik</a> habe ich im <a href="http://www.ct.de/">c&#8217;t</a> <a href="http://www.heise.de/ct/inhalt/2011/07/182/">7/2010</a> gefunden. Neben einigen Tricks für das Einrichten und den Einsatz in Foren und Shops hat es auch Informationen zu Datenschutzbelangen.<br />
Der <a href="https://www.datenschutzzentrum.de/tracking/piwik/20110315-webanalyse-piwik.pdf">zweite Artikel</a>, erstellt vom <a href="https://www.datenschutzzentrum.de/">Unabhängiges Landeszentrum für Datenschutz Schleswig-Holstein</a>, befasst sich haptsächlich mit Datenschutzbelangen. Das Datenschutzzentrum stellt Piwik dabei ein gutes Zeugnis aus (besonders verglichen mit anderen Web-Tracking-Angeboten), sieht aber auch noch Verbesserungspotential. Voraussetzung für einen legalen Einsatz (gemäss deutschem Datenschutzgesetz) sind aber verschiedene Konfigurationen, die im Artikel ausführlich erläutert werden.</p>
<p>Es ist zu hoffen, dass diese beiden Artikel Piwik einen weiteren Popularitätsschub verpassen werden.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.rolandbaer.ch/2011/03/20/info-offensive-fur-piwik/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

