<?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>piouPiouM&#039;s dev&#187; Archives pour le tag bookmarklet – piouPiouM&#039;s dev</title>
	<atom:link href="http://pioupioum.fr/tag/bookmarklet/feed/" rel="self" type="application/rss+xml" />
	<link>http://pioupioum.fr</link>
	<description>Bloc-note d&#039;un développeur web</description>
	<lastBuildDate>Fri, 23 Dec 2011 23:41:36 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Bookmarklet&#160;: ajout rapide d&#8217;application onglet à vos pages fan Facebook</title>
		<link>http://pioupioum.fr/outils-astuces/facebook-application-add-page-tab-bookmarklet.html</link>
		<comments>http://pioupioum.fr/outils-astuces/facebook-application-add-page-tab-bookmarklet.html#comments</comments>
		<pubDate>Fri, 23 Dec 2011 20:53:42 +0000</pubDate>
		<dc:creator>piouPiouM</dc:creator>
				<category><![CDATA[Outils, trucs et astuces]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://pioupioum.fr/?p=562</guid>
		<description><![CDATA[Facebook a annoncé la suppression des profils d&#8217;applications au 1er février 2012. Vous ne pourrez plus associer une application onglet à une page fan comme vous le faisiez actuellement. En effet, la page de profil d&#8217;une application mettait à disposition un lien pour ajouter cette dernière à/aux page(s) fan de votre choix.

Facebook propose bien de [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><strong>Facebook</strong> a annoncé la <strong><a href="https://developers.facebook.com/blog/post/611/">suppression des profils d&#8217;applications</a></strong> au 1er février 2012. Vous ne pourrez plus associer une application onglet à une page fan comme vous le faisiez actuellement. En effet, la page de profil d&#8217;une application mettait à disposition un lien pour ajouter cette dernière à/aux page(s) fan de votre choix.</p>

<p>Facebook propose bien de créer manuellement une page associée à votre application, mais vu son utilité autant s&#8217;en passer. À la place, et pour éviter 50 clics supplémentaires, je vous propose, amis <em>Community manager</em>, un <strong>bookmarklet</strong> qui permet d&#8217;associer aisément vos applications à des <strong>pages fan Facebook</strong>.<span id="more-562"></span></p>

<h2>Mise en place du bookmarklet</h2>

<p>Glissez-déposez simplement le lien ci-dessous dans les favoris de votre navigateur&#160;; dans votre barre personnelle par exemple.</p>

<div class="box bookmarklet">
    <a href="javascript:(function(a,b,c,d,e,f,g){c=a.location,f=%22developers.facebook.com%22;if(f!==c.hostname||!a[b]){alert(%22Veuillez%20vous%20placer%20sur%20le%20profil%20d%27une%20application%20Facebook.%22);return}try{g=new%20RegExp(f.replace(/\./g,%22\\.%22)+%22/apps/(\\d+)(?:/*)?$%22,%22i%22),d=g.exec(c.href)[1]}catch(h){d=prompt(%22Veuillez%20saisir%20l%27identifiant%20de%20l%27application%22,%22%22);if(d==null)return}e=a[b].getDomain(%22https_www%22),c.href=e+%22/dialog/pagetab?app_id=%22+d+%22&#038;display=page&#038;redirect_uri=%22+e})(window,%22FB%22);" title='Adding an app to a Page – Facebook'><span>FB Add Page Tab</span></a>
</div>

<h2>Utilisation du bookmarklet <em>Facebook Add Page Tab</em></h2>

<p>Rendez-vous sur la page de configuration de votre application<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup> puis cliquez sur le <strong>bookmarklet</strong>. Ce dernier vous redirige vers une page Facebook vous demandant les pages qui accueilleront votre application. L&#8217;association faite, vous serez redirigés sur l&#8217;accueil de Facebook, et pourrez accéder à votre/vos page(s) mise(s) à jour <em>via</em> le moteur de recherche ou le manager de pages.</p>

<p><div id="attachment_561" class="wp-caption aligncenter" style="width: 513px"><a href="http://assets1.pioupioum.fr/uploads/2011/12/facebook-configuration-application.jpg"><img src="http://assets1.pioupioum.fr/uploads/2011/12/facebook-configuration-application-503x350.jpg" alt="Page de configuration d&#039;une application Facebook" title="facebook-configuration-application" width="503" height="350" class="size-medium wp-image-561" /></a><p class="wp-caption-text">Page de configuration d&#8217;une application Facebook</p></div></p>

<h3 class='related_post_title'>Continuez votre lecture sur des sujets similaires</h3>

<ul class='related_post'><li><a href='http://pioupioum.fr/outils-astuces/dailymotion-download-bookmarklet.html' title='Dailymotion Download Bookmarklet'>Dailymotion Download Bookmarklet</a></li><li><a href='http://pioupioum.fr/developpement/javascript-array-intersection.html' title='JavaScript : optimiser le calcul de l&#8217;intersection de tableaux de grandes tailles'>JavaScript&#160;: optimiser le calcul de l&#8217;intersection de tableaux de grandes tailles</a></li><li><a href='http://pioupioum.fr/developpement/jslint-console-rhino.html' title='Une console JSLint pour aider vos validations JavaScript'>Une console JSLint pour aider vos validations JavaScript</a></li><li><a href='http://pioupioum.fr/developpement/optimiser-rapidite-chargement-adsense-jquery.html' title='Optimiser le chargement des AdSense'>Optimiser le chargement des AdSense</a></li><li><a href='http://pioupioum.fr/developpement/jquery-color-plugin-animation-rgba-support.html' title='Du RGBA dans vos animations avec le plugin jQuery Color'>Du RGBA dans vos animations avec le plugin jQuery Color</a></li></ul>

<div class="footnotes">
<hr />
<ol>

<li id="fn:1">
<p>il s&#8217;agit de la page sur laquelle vous récupérez l&#8217;ID de l&#8217;application.&#160;<a href="#fnref:1" rev="footnote">&#8617;</a></p>
</li>

</ol>
</div>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://pioupioum.fr/outils-astuces/facebook-application-add-page-tab-bookmarklet.html/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Générer des bookmarklets via Ant</title>
		<link>http://pioupioum.fr/snippets/ant-bookmarklet-macrodef.html</link>
		<comments>http://pioupioum.fr/snippets/ant-bookmarklet-macrodef.html#comments</comments>
		<pubDate>Wed, 29 Jul 2009 09:30:13 +0000</pubDate>
		<dc:creator>piouPiouM</dc:creator>
				<category><![CDATA[Snippets]]></category>
		<category><![CDATA[ant]]></category>
		<category><![CDATA[automatisation]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[build]]></category>
		<category><![CDATA[macrodef]]></category>

		<guid isPermaLink="false">http://pioupioum.fr/?p=138</guid>
		<description><![CDATA[Dans un build file Ant, pour convertir des fichiers JavaScript destinés à être utilisé en tant que bookmarklet, utiliser/adapter la tâche macrodef suivante&#160;:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
&#60;macrodef name=&#34;jstobookmarklet&#34;&#62;
    &#60;attribute name=&#34;srcdir&#34;/&#62;
    &#60;attribute name=&#34;srcfiles&#34;/&#62;
    &#60;attribute name=&#34;verbose&#34; default=&#34;false&#34;/&#62;
    &#60;attribute name=&#34;todir&#34; default=&#34;${dir.dist}&#34;/&#62;
    &#60;sequential&#62;
      [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Dans un build file <a href="http://fr.wikipedia.org/wiki/Apache_Ant" title="Apache Ant - Wikipédia">Ant</a>, pour convertir des fichiers JavaScript destinés à être utilisé en tant que bookmarklet, utiliser/adapter la tâche <a href="http://ant.apache.org/manual/CoreTasks/macrodef.html" title="MacroDef Task">macrodef</a> suivante&#160;:</p>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;macrodef</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;jstobookmarklet&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;attribute</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;srcdir&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;attribute</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;srcfiles&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;attribute</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;verbose&quot;</span> <span style="color: #000066;">default</span>=<span style="color: #ff0000;">&quot;false&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;attribute</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;todir&quot;</span> <span style="color: #000066;">default</span>=<span style="color: #ff0000;">&quot;${dir.dist}&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;sequential<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;copy</span> <span style="color: #000066;">todir</span>=<span style="color: #ff0000;">&quot;@{todir}&quot;</span> <span style="color: #000066;">overwrite</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">verbose</span>=<span style="color: #ff0000;">&quot;@{verbose}&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;utf-8&quot;</span> <span style="color: #000066;">outputencoding</span>=<span style="color: #ff0000;">&quot;utf-8&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
            <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;filelist</span> <span style="color: #000066;">dir</span>=<span style="color: #ff0000;">&quot;@{srcdir}&quot;</span> <span style="color: #000066;">files</span>=<span style="color: #ff0000;">&quot;@{srcfiles}&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
            <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;filterchain<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
                <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;replaceregex</span> <span style="color: #000066;">pattern</span>=<span style="color: #ff0000;">&quot;\n| &quot;</span> <span style="color: #000066;">replace</span>=<span style="color: #ff0000;">&quot;%20&quot;</span> <span style="color: #000066;">flags</span>=<span style="color: #ff0000;">&quot;g&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
                <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;replaceregex</span> <span style="color: #000066;">pattern</span>=<span style="color: #ff0000;">&quot;^&quot;</span> <span style="color: #000066;">replace</span>=<span style="color: #ff0000;">&quot;javascript:&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
            <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/filterchain<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/copy<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/sequential<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/macrodef<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></td></tr></table></div>


<p>Qui s&#8217;utilise ainsi&#160;:</p>


<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;jstobookmarklet</span> <span style="color: #000066;">srcdir</span>=<span style="color: #ff0000;">&quot;${dir.build}&quot;</span> <span style="color: #000066;">srcfiles</span>=<span style="color: #ff0000;">&quot;myfile.js&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span></pre></div></div>


<h3 class='related_post_title'>Continuez votre lecture sur des sujets similaires</h3>

<ul class='related_post'><li><a href='http://pioupioum.fr/developpement/phing-header-task.html' title='Phing Header : une tâche pour ajouter un en-tête aux fichiers'>Phing Header&#160;: une tâche pour ajouter un en-tête aux fichiers</a></li><li><a href='http://pioupioum.fr/outils-astuces/facebook-application-add-page-tab-bookmarklet.html' title='Bookmarklet : ajout rapide d&#8217;application onglet à vos pages fan Facebook'>Bookmarklet&#160;: ajout rapide d&#8217;application onglet à vos pages fan Facebook</a></li><li><a href='http://pioupioum.fr/outils-astuces/dailymotion-download-bookmarklet.html' title='Dailymotion Download Bookmarklet'>Dailymotion Download Bookmarklet</a></li></ul>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://pioupioum.fr/snippets/ant-bookmarklet-macrodef.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dailymotion Download Bookmarklet</title>
		<link>http://pioupioum.fr/outils-astuces/dailymotion-download-bookmarklet.html</link>
		<comments>http://pioupioum.fr/outils-astuces/dailymotion-download-bookmarklet.html#comments</comments>
		<pubDate>Tue, 28 Jul 2009 23:14:17 +0000</pubDate>
		<dc:creator>piouPiouM</dc:creator>
				<category><![CDATA[Outils, trucs et astuces]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[indefero]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://pioupioum.fr/?p=110</guid>
		<description><![CDATA[La lecture en streaming de longues vidéos sur Dailymotion ne me convient pas&#160;: crash de Firefox inopinés, pas de contrôle de lecture à distance, etc… Le bookmarklet qui suit m&#8217;offre plus de liberté en me permettant de visionner les vidéos dans le lecteur de mon choix.


Mise en place

Glissez-déposez simplement le lien ci-dessous dans les favoris [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>La lecture en streaming de longues vidéos sur Dailymotion ne me convient pas&#160;: crash de Firefox inopinés, pas de contrôle de lecture à distance, etc… Le <a href="http://fr.wikipedia.org/wiki/Bookmarklet" title="Bookmarklet - Wikipédia">bookmarklet</a> qui suit m&#8217;offre plus de liberté en me permettant de visionner les vidéos dans le lecteur de mon choix.
<div id="attachment_106" class="wp-caption aligncenter" style="width: 610px"><img src="http://assets1.pioupioum.fr/uploads/2010/08/dailymotion_download_bookmarklet.jpg" alt="Dailymotion Download Bookmarklet" /><p class="wp-caption-text">De nouveaux liens de téléchargement.</p></div>
<span id="more-110"></span></p>

<h2 id="installation">Mise en place</h2>

<p>Glissez-déposez simplement le lien ci-dessous dans les favoris de votre navigateur, dans votre barre personnelle par exemple.</p>

<div class="box bookmarklet">
    <a href='javascript:(function(){var%20d="ppm-ddb-script",c="http://static.pioupioum.fr/code/ddb/ddb-latest.min.js";function%20b(){var%20e=document.getElementById(d);return(e&#038;&typeof%20e==="object");}function%20g(){var%20e=/^https?:\/\/(?:w{3}\.)?dailymotion\.com(?:\/*)?\/video\//.test(document.location);if(!e){throw"Not%20on%20a%20video%20of%20the%20dailymotion%20website.";}if(b()){throw"This%20page%20already%20using%20Download%20Dailymotion%20Bookmarklet.";}}function%20a(h){var%20e=document.createElement("script");e.src=c;e.id=d;e.type="text/javascript";e.charset="utf-8";document.getElementsByTagName("body")[0].appendChild(e);}try{g();a(c);}catch(f){}}());' title="Dailymotion Download Bookmarklet"><span>DDB</span></a>
</div>

<h2 id="usage">Utilisation</h2>

<p>Rendez-vous sur une page vidéo de Dailymotion et attendez le début de son chargement. Cliquez sur le favori <a href="#installation">fraîchement créé</a>. De nouveaux liens apparaissent sous la vidéo.</p>

<p>Cliquez droit sur le lien du format vidéo désiré puis sélectionnez l&#8217;entrée de menu <strong>Enregistrez le lien sous…</strong> pour lancer le téléchargement.</p>

<h2 id="changelog">Changelog</h2>

<h3>Version 1.1.0</h3>

<ul>
<li>Compatibilité avec la nouvelle version de Dailymotion.</li>
<li>[UI] Ajout d&#8217;une icône.</li>
<li>[UI] Internationalisation du label.</li>
</ul>

<h3>Version 1.0.2</h3>

<ul>
<li>Fixed <a href="http://pioupioum.indefero.net/p/ddb/issues/5/" title="">issue 5</a>, Not on a video of the dailymotion website.<br />
<strong>Important&#160;:</strong> Vous devez mettre à jour votre bookmarklet (cf. procédure d&#8217;<a href="#installation">installation</a>).</li>
</ul>

<h3>Version 1.0.1</h3>

<ul>
<li>Fixed format detection. Dailymotion now uses absolute paths.</li>
</ul>

<h3>Version 1.0.0</h3>

<ul>
<li>Initial release.</li>
</ul>

<h2 id="source">Code source</h2>

<p>Les sources sont disponibles sur <a href="http://pioupioum.indefero.net/p/ddb/source/tree/master/" title="Download Dailymotion Bookmarklet Git Source Tree">ma forge</a> <a href="http://indefero.net/" title="InDefero - Bug tracking, code review and free software forge">InDefero</a>.</p>

<h3 class='related_post_title'>Continuez votre lecture sur des sujets similaires</h3>

<ul class='related_post'><li><a href='http://pioupioum.fr/outils-astuces/facebook-application-add-page-tab-bookmarklet.html' title='Bookmarklet : ajout rapide d&#8217;application onglet à vos pages fan Facebook'>Bookmarklet&#160;: ajout rapide d&#8217;application onglet à vos pages fan Facebook</a></li><li><a href='http://pioupioum.fr/developpement/javascript-array-intersection.html' title='JavaScript : optimiser le calcul de l&#8217;intersection de tableaux de grandes tailles'>JavaScript&#160;: optimiser le calcul de l&#8217;intersection de tableaux de grandes tailles</a></li><li><a href='http://pioupioum.fr/developpement/jslint-console-rhino.html' title='Une console JSLint pour aider vos validations JavaScript'>Une console JSLint pour aider vos validations JavaScript</a></li><li><a href='http://pioupioum.fr/developpement/optimiser-rapidite-chargement-adsense-jquery.html' title='Optimiser le chargement des AdSense'>Optimiser le chargement des AdSense</a></li><li><a href='http://pioupioum.fr/developpement/jquery-color-plugin-animation-rgba-support.html' title='Du RGBA dans vos animations avec le plugin jQuery Color'>Du RGBA dans vos animations avec le plugin jQuery Color</a></li></ul>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://pioupioum.fr/outils-astuces/dailymotion-download-bookmarklet.html/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

