<?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>Cyril - Mes astuces &#187; firefox</title>
	<atom:link href="http://blog.cyril.me/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.cyril.me</link>
	<description>Yet Another Wordpress Blog</description>
	<lastBuildDate>Fri, 30 Jul 2010 06:56:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Notifications HTML5 : exemple et demo</title>
		<link>http://blog.cyril.me/2010/06/notifications-html5-exemple-demo/</link>
		<comments>http://blog.cyril.me/2010/06/notifications-html5-exemple-demo/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 21:40:37 +0000</pubDate>
		<dc:creator>Cyril</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[chromium]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://blog.cyril.me/?p=297</guid>
		<description><![CDATA[Consécutivement à l&#8217;article sur les notifications HTML 5, voici un article qui donne un exemple de fonctionnement des notifications. La démo Votre navigateur ne supporte pas les notifications. L&#8217;exemple ci-dessous ne fonctionnera pas. Avant de pouvoir afficher une notification, vous devez autoriser le site à vous en présenter : Autoriser les notifications Il y a [...]]]></description>
			<content:encoded><![CDATA[<p>Consécutivement à l&#8217;article sur les <a href="http://blog.cyril.me/2010/05/html5-chrome-notifications/">notifications HTML 5</a>, voici un article qui donne un exemple de fonctionnement des notifications.</p>
<h3>La démo</h3>
<div id="p297_disabled" style="display: none; color: #f00; font-weight: bold; text-aglin: center; padding: 20px; background-color: #eee;">Votre navigateur ne supporte pas les notifications. L&#8217;exemple ci-dessous ne fonctionnera pas.</div>
<p>Avant de pouvoir afficher une notification, vous devez autoriser le site à vous en présenter : <button id="p297_allow" onclick="p297_allowNotification()">Autoriser les notifications</button><br />
<span style="color: #ff0000;">Il y a parfois des limitations qui empêchent le site de lancer une autorisation au chargement de la page : vous êtes parfois obligé de faire cliquer l&#8217;utilisateur sur un bouton pour voir apparaître l&#8217;avertissement d&#8217;autorisation.</span></p>
<p>Ensuite, vous pouvez afficher des notifications (avec ou sans bouton) :<br />
<button id="p297_show" onclick="p297_showNotification()">Afficher la notification</button><br />
<a onclick="window.setTimeout(p297_showNotification, 3000);" href="javascript:;">Programmer une notification dans 3 secondes</a><br />
<script type="text/javascript">// <![CDATA[
             window.addEventListener("load", function() { if(!('webkitNotifications' in window)){document.getElementById("p297_disabled").style.display = '';}}, true); function p297_allowNotification() { if('webkitNotifications' in window) { webkitNotifications.requestPermission(p297_showNotification); } } function p297_showNotification() { if('webkitNotifications' in window) { var notification = webkitNotifications.createNotification(undefined, "Titre : cyril.me", "Ceci est une notification"); notification.show(); window.setTimeout(function() {notification.cancel();}, 5000); } }
// ]]&gt;</script></p>
<h3>Sources de l&#8217;exemple</h3>
<p><span style="text-decoration: underline;">Code HTML :</span></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="sc2"><a href="http://december.com/html/4/element/button.html"><span class="kw2">&lt;button</span></a> <span class="kw3">onclick</span>=<span class="st0">&quot;showNotification()&quot;</span><span class="kw2">&gt;</span></span>Afficher la notification<span class="sc2"><span class="kw2">&lt;/button&gt;</span></span></div>
</li>
<li class="li1">
<div class="de1"><span class="sc2"><a href="http://december.com/html/4/element/button.html"><span class="kw2">&lt;button</span></a> <span class="kw3">onclick</span>=<span class="st0">&quot;p297_showNotification()&quot;</span><span class="kw2">&gt;</span></span>Afficher la notification<span class="sc2"><span class="kw2">&lt;/button&gt;</span></span></div>
</li>
<li class="li1">
<div class="de1"><span class="sc2"><a href="http://december.com/html/4/element/a.html"><span class="kw2">&lt;a</span></a> <span class="kw3">onclick</span>=<span class="st0">&quot;window.setTimeout(showNotification, 3000);&quot;</span> <span class="kw3">href</span>=<span class="st0">&quot;javascript:;&quot;</span><span class="kw2">&gt;</span></span>Programmer une notification dans 3 secondes<span class="sc2"><span class="kw2">&lt;/a&gt;</span></span></div>
</li>
</ol>
</div>
<p><span style="text-decoration: underline;">Code javascript :</span></p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script type=<span class="st0">&quot;text/javascript&quot;</span>&gt;</div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">/** Demande la permission d’afficher des notifications */</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">function</span> allowNotification<span class="br0">&#40;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#123;</span></div>
</li>
<li class="li2">
<div class="de2">&nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="st0">&quot;webkitNotifications&quot;</span> in window<span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="co1">// Demande la permission. En cas de succès, afficher la notification</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; webkitNotifications.<span class="me1">requestPermission</span><span class="br0">&#40;</span>p297_showNotification<span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li2">
<div class="de2"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">/** Affiche la notification */</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">function</span> showNotification<span class="br0">&#40;</span><span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#123;</span></div>
</li>
<li class="li2">
<div class="de2">&nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="st0">&quot;webkitNotifications&quot;</span> in window<span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="co1">// Crée une notification à partir d’une image, d’un titre</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="co1">// et d’une description (pas d’HTML possible).</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="co1">// Pour créer une notification avec de l’HTML</span></div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; <span class="co1">// (pour le formatage), utiliser createHTMLNotification()</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; var notification = webkitNotifications.<span class="me1">createNotification</span><span class="br0">&#40;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; <span class="st0">&quot;http://www.google.fr/favicon.ico&quot;</span>,</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; <span class="st0">&quot;Titre : cyril.me&quot;</span>,</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; <span class="st0">&quot;Ceci est une notification&quot;</span></div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; <span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="co1">// Afficher la notification</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; notification.<span class="me1">show</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; <span class="co1">// N’afficher la notification que 5 secondes</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; window.<span class="me1">setTimeout</span><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>notification.<span class="me1">cancel</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;<span class="br0">&#125;</span>, <span class="nu0">5000</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li2">
<div class="de2">&nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&lt;/script&gt;</div>
</li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.cyril.me/2010/06/notifications-html5-exemple-demo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gentoo, Firefox et java 64 bits</title>
		<link>http://blog.cyril.me/2009/01/linux-gentoo-firefox-java-plugin-64-bits/</link>
		<comments>http://blog.cyril.me/2009/01/linux-gentoo-firefox-java-plugin-64-bits/#comments</comments>
		<pubDate>Tue, 27 Jan 2009 11:41:25 +0000</pubDate>
		<dc:creator>Cyril</dc:creator>
				<category><![CDATA[gentoo]]></category>
		<category><![CDATA[64bits]]></category>
		<category><![CDATA[amd64]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[sun]]></category>
		<category><![CDATA[x86]]></category>

		<guid isPermaLink="false">http://blog.cyril.me/?p=75</guid>
		<description><![CDATA[Problème du jour : je voulais faire développer des photos sur fnacphoto.com. Je me connecte, je choisis &#171;&#160;Commande expresse&#160;&#187; et là : il me faut un plugin java pour uploader mes photos. Le problème : je n&#8217;ai pas de plugin java avec mon Firefox&#8230; Je vous propose donc 3 possibilités pour pouvoir faire tourner les [...]]]></description>
			<content:encoded><![CDATA[<p>Problème du jour : je voulais faire développer des photos sur fnacphoto.com. Je me connecte, je choisis &laquo;&nbsp;Commande expresse&nbsp;&raquo; et là : il me faut un plugin java pour uploader mes photos. Le problème : je n&#8217;ai pas de plugin java avec mon Firefox&#8230;</p>
<p>Je vous propose donc 3 possibilités pour pouvoir faire tourner les applets java, pour uploader vos photos <img src='http://blog.cyril.me/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  :</p>
<h3>Utiliser konqueror</h3>
<p>L&#8217;avantage d&#8217;utiliser konqueror, c&#8217;est que ce dernier fait directement appel à la machine virtuelle java sans passer par un plugin. Il suffit donc juste d&#8217;avoir installé une Machine Virtuelle java. Pour installer la machine virtuelle de sun :</p>
<pre>emerge sun-jdk</pre>
<h3>Utiliser Firefox en mode 32 bits</h3>
<p>Autre possibilité (et c&#8217;est celle que j&#8217;ai utilisée), vous pouvez aller sur votre site avec un Firefox en 32 bits. Vous pouvez télécharger les versions binaires de firefox sur le <a title="Binaires de Firefox" href="http://ftp.mozilla.org/pub/firefox" target="_self">ftp de mozilla</a>. Téléchargez la version de firefox qui correspond à votre installation. Installez aussi une version 32 bits du plugin java pour Firefox :</p>
<pre>USE="nsplugin" emerge emul-linux-x86-java</pre>
<p>Sélectionnez le bon plugin java avec la commande eselect (tapez <code>eselect java-nsplugin</code> pour voir comment manipuler les différentes versions de java). Lancez enfin Firefox 32 bits, et le tour est joué.</p>
<h3>Installer manuellement le plugin 64 bits</h3>
<p>C&#8217;est sans aucun doute la meilleure façon de procéder, mais aussi la plus compliquée pour le néophite. Sun a sorti une <a href="http://www.java.net/download/jdk6/6u12/promoted/b02/binaries/jre-6u12-ea-bin-b02-linux-amd64-08_dec_2008.bin">version 64 bits du plugin pour Firefox</a>.</p>
<p>Il suffit alors de télécharger cette version, et de l&#8217;exécuter (sh nomdufichier.bin). Je conseille de décompresser (ou de déplacer si c&#8217;est déjà fait) dans le répertoire /opt/.</p>
<p>Enfin, pour que le plugin soit reconnu par eselect, il faut un peu bidouiller dans le répertoire /usr/share/java-config-2.</p>
<p>Enregistrez le fichier <a href="http://blog.cyril.me/wp-content/uploads/2009/01/sun-jre-1.6">sun-jre-1.6</a>, puis en tant que root, copier-le vers le répertoire /usr/share/java-config-2/vm. Faites ensuite un lien symbolique du plugin vers le dossier /usr/share/java-config-2/system/</p>
<pre>cp sun-jre-1.6 /usr/share/java-config-2/vm
ln -s /opt/sun-jre-1.6.0.12/lib/amd64/libnpjp2 \
  /usr/share/java-config-2/nsplugin</pre>
<p>Vérifiez alors que le plugin est bien installé en tapant about:plugins dans Firefox.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cyril.me/2009/01/linux-gentoo-firefox-java-plugin-64-bits/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
