<?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>miniblog &#187; Google Reader</title>
	<atom:link href="http://pas-bien.net/blog/mot-clef/google-reader/feed" rel="self" type="application/rss+xml" />
	<link>http://pas-bien.net/blog</link>
	<description>encore un blog de geek</description>
	<lastBuildDate>Mon, 23 Apr 2012 21:40:42 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Google Reader : ouvrir les nouveaux éléments en onglets</title>
		<link>http://pas-bien.net/blog/2009/02/07/google-reader-ouvrir-les-items-en-onglets-95</link>
		<comments>http://pas-bien.net/blog/2009/02/07/google-reader-ouvrir-les-items-en-onglets-95#comments</comments>
		<pubDate>Sat, 07 Feb 2009 15:06:06 +0000</pubDate>
		<dc:creator>mini</dc:creator>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google Reader]]></category>
		<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://pas-bien.net/blog/?p=95</guid>
		<description><![CDATA[Pour quoi faire ? J&#8217;utilise Google Reader pour suivre mes flux RSS préférés. Mais pour certains je suis sûr d&#8217;aller voir le contenu sur le site. C&#8217;est par exemple le ]]></description>
			<content:encoded><![CDATA[<p><!--:fr--><br />
<h2>Pour quoi faire ?</h2>
<p>J&#8217;utilise Google Reader pour suivre mes flux RSS préférés. Mais pour certains je suis sûr d&#8217;aller voir le contenu sur le site. C&#8217;est par exemple le cas pour <a title="LeLombrik.net" href="http://www.lelombrik.net/">lelombrik.net</a>, j&#8217;irai forcement voir chaque nouvel item puisqu&#8217;il n&#8217;y a qu&#8217;un extrait dans le flux. Google Reader ne permettait pas de base d&#8217;ouvrir chaque nouveauté dans un nouvel onglet.</p>
<h2>Avec quoi ?</h2>
<p>Pour combler ce manque j&#8217;ai écrit un script <a href="https://addons.mozilla.org/fr/firefox/addon/748">Greasemonkey</a>. Pour ceux qui ne connaissent pas cette extension voici <a href="http://znarf.h6e.net/blog/?2005/04/27/221-la-revolution-greasemonkey">un article</a> qui décrit le principe général.</p>
<p>Une grand partie du script a été en grande partie réécrit récemment. Cette réécriture a permis de corriger des vieux problèmes comme l&#8217;incompatibilité avec la vue étendue. Cela s&#8217;est fait facilement puisqu&#8217;une partie du remaniement concernait l&#8217;implantation du framework jQuery qui a tenu ses promesses : &laquo;&nbsp;Write less, do more&nbsp;&raquo;.</p>
<p>Par contre je n&#8217;ai pas réussi à utiliser :</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#mark-all-as-read'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>J&#8217;ai du utiliser une fonction pour simuler le clic sur un élément :</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> oau_fireClick<span style="color: #009900;">&#40;</span>id<span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
	button <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span>id<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	evt <span style="color: #339933;">=</span> document.<span style="color: #660066;">createEvent</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'MouseEvents'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	evt.<span style="color: #660066;">initEvent</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">true</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	button.<span style="color: #660066;">dispatchEvent</span><span style="color: #009900;">&#40;</span>evt<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Ce problème provient sûrement d&#8217;une limitation de Greasemonkey. Si quelqu&#8217;un sait comment remédier je suis preneur. <img src='http://pas-bien.net/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h2>Comment ça marche</h2>
<p>En ce qui concerne le script, il ajoute un bouton entre deux autres déjà existants :</p>
<div id="attachment_106" class="wp-caption aligncenter" style="width: 634px"><a href="http://pas-bien.net/blog/wp-content/uploads/2009/02/oaunu6.png"><img class="size-full wp-image-106" title="Google Reader - Open All Unread" src="http://pas-bien.net/blog/wp-content/uploads/2009/02/oaunu6.png" alt="Screenshot du script" width="624" height="93" /></a><p class="wp-caption-text">Screenshot du script</p></div>
<p>Quand on clique sur ce bouton :</p>
<ol>
<li>Les items à lire sont ouverts dans nouveaux onglets.</li>
<li>Les items ouverts sont marqués comme lus.</li>
</ol>
<h2>Installer</h2>
<p><p style="border-top: 2px solid rgb(65, 105, 175); border-bottom: 2px solid rgb(65, 105, 175); padding: 5px 20px 5px 45px; background: rgb(223, 235, 255) url(http://pas-bien.net/blog/wp-content/plugins/NiceWeb2CSS/icon/world.gif) no-repeat scroll 15px 50%; text-align: left; color: rgb(102, 102, 102);"><a href="http://userscripts.org/scripts/show/22275">Installer le script à partir de Userscripts.org</a></p><!--:--></p>
]]></content:encoded>
			<wfw:commentRss>http://pas-bien.net/blog/2009/02/07/google-reader-ouvrir-les-items-en-onglets-95/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Recevez vos flux RSS Twitter avec Google Reader</title>
		<link>http://pas-bien.net/blog/2009/02/04/recevez-vos-flux-rss-twitter-avec-google-reader-89</link>
		<comments>http://pas-bien.net/blog/2009/02/04/recevez-vos-flux-rss-twitter-avec-google-reader-89#comments</comments>
		<pubDate>Wed, 04 Feb 2009 12:04:15 +0000</pubDate>
		<dc:creator>mini</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Google Reader]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://pas-bien.net/blog/?p=89</guid>
		<description><![CDATA[Cet outil ne fonctionne plus. Les flux RSS Twitter sont protégés par des mots de passes, ce qui peut être gênant si votre agrégateur de flux ne supporte pas l&#8217;authentification. ]]></description>
			<content:encoded><![CDATA[<p><!--:fr--><p style="border-top: 2px solid rgb(255, 211, 36); border-bottom: 2px solid rgb(255, 211, 36); padding: 5px 20px 5px 45px; background: rgb(255, 246, 191) url(http://pas-bien.net/blog/wp-content/plugins/NiceWeb2CSS/icon/alert.gif) no-repeat scroll 15px 50%; text-align: left; color: rgb(153, 102, 102);">Cet outil ne fonctionne plus.</p></p>
<p>Les <strong>flux RSS Twitter</strong> sont protégés par des mots de passes, ce qui peut être gênant si votre agrégateur de flux <strong>ne supporte pas l&#8217;authentification</strong>. C&#8217;était mon cas avec <strong>Google Reader</strong>.</p>
<p>J&#8217;ai écrit un &laquo;&nbsp;<strong>proxy</strong>&nbsp;&raquo; de flux qui ne nécessite pas d&#8217;authentification au niveau du protocole HTML. L&#8217;authentification sur mon proxy se fait par un paramètre GET et le proxy s&#8217;authentifie sur Twitter.</p>
<p>Il peut sembler risqué de donner un mot de passe à un site aussi peu connu qui le mien et c&#8217;est normal puisque ça l&#8217;est ! Le nom d&#8217;utilisateur et le mot de passe sont codés dans le paramètre <em>key</em>, il n&#8217;est pas inscrit ailleur.</p>
<p>Je peux décoder vos mots de passes sans problème à partir des logs Apache. Mais sérieusement j&#8217;en ai rien à faire de vos comptes Twitter ! Par contre le code source de cet outil ne sera pas révélé pour que le codage reste sûr. Donc même si votre <em>key</em> générée tombe entre les mains de personnes mal intentionnées ils n&#8217;auront accès qu&#8217;à votre flux via mon proxy.</p>
<p>L&#8217;outil est ici:</p>
<p><p style="border-top: 2px solid rgb(65, 105, 175); border-bottom: 2px solid rgb(65, 105, 175); padding: 5px 20px 5px 45px; background: rgb(223, 235, 255) url(http://pas-bien.net/blog/wp-content/plugins/NiceWeb2CSS/icon/world.gif) no-repeat scroll 15px 50%; text-align: left; color: rgb(102, 102, 102);"><a title="Twitter Feeds Proxy" href="http://pas-bien.net/divers/rss-twitter-proxy/">Twitter Feeds Proxy</a></p></p>
<p>Si vous avec des doutes sur la sécurité de mon outil, le mieux est de ne pas l&#8217;utiliser. <img src='http://pas-bien.net/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> <!--:--></p>
]]></content:encoded>
			<wfw:commentRss>http://pas-bien.net/blog/2009/02/04/recevez-vos-flux-rss-twitter-avec-google-reader-89/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

