<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="http://filyb.info/feed/rss2/xslt" ?><rss version="2.0"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
  <title>filyb.info - Tag - Javascript</title>
  <link>http://filyb.info/</link>
  <atom:link href="http://filyb.info/feed/tag/Javascript/rss2" rel="self" type="application/rss+xml"/>
  <description>filyb.info est le carnet web personnel de Florian Birée, alias Thesa.</description>
  <language>fr</language>
  <pubDate>Fri, 15 Aug 2008 16:33:33 +0200</pubDate>
  <copyright>Copyright © Florian Birée, 2005-2008.</copyright>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Dotclear</generator>
  
    
  <item>
    <title>En vrac</title>
    <link>http://filyb.info/post/2006/02/15/229-en-vrac</link>
    <guid isPermaLink="false">urn:md5:a88cf486279155bd2312349c28e755df</guid>
    <pubDate>Wed, 15 Feb 2006 20:05:18 +0000</pubDate>
    <dc:creator>Thesa</dc:creator>
        <category>En vrac</category>
        <category>Amarok</category><category>Astuce</category><category>Flash</category><category>Informatique</category><category>Javascript</category><category>Ubuntu</category>    
    <description>    &lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://amarok.kde.org/&quot; hreflang=&quot;en&quot; title=&quot;Annonce sur le site web d'amaroK - Anglais&quot;&gt;amaroK 'Fast Forward' 1.4 beta1 released&lt;/a&gt;. Mais pas de paquets pour Ubuntu Breezy (seulement pour &lt;a href=&quot;http://kubuntu.org/announcements/amarok-1.4beta1.php&quot; hreflang=&quot;en&quot; title=&quot;Paquets pour Ubuntu Dapper sur le site web de Kubuntu - Anglais&quot;&gt;Dapper&lt;/a&gt;), alors j'ai compilé tout ça. Et les changements sont impressionnants (&lt;a href=&quot;http://websvn.kde.org/trunk/extragear/multimedia/amarok/ChangeLog?rev=508559&amp;amp;view=markup&quot; hreflang=&quot;en&quot; title=&quot;Changelog d'amaroK - Anglais&quot;&gt;changelog&lt;/a&gt;). Les plus notables, à mon avis sont :
&lt;ul&gt;
&lt;li&gt;Le navigateur de contexte dont la section musique peut maintenant afficher des artistes reliés à celui en cours. En cliquant sur les liens, vous pouvez avoir une page pour cet artiste avec des url (recherche google / wikipedia) et si vous avez cet artiste dans votre collection, les pistes préférées, albums, etc. De plus, la section wikipédia est maintenant localisée. Et les statistiques ne sont plus là, elles ont une fenêtre pour elles seules.&lt;/li&gt;
&lt;li&gt;Le système de paroles du navigateur de contexte est maintenant basé sur des plugins, ce qui lui permet de  choisir différents sites&lt;/li&gt;
&lt;li&gt;La collection gère maintenant les wma/mp4/aac, les tags compositeurs et numéro d'album pour certains formats, et un classement suivant la date de l'ajout dans la colleciton à été ajouté&lt;/li&gt;
&lt;li&gt;Dans la collection, un outils de gestion de fichiers permet maintenant de réorganiser sa bibliothèque en fonction des tags de la collection&lt;/li&gt;
&lt;li&gt;L'éditeur d'informations du fichiers a été réorganisé, avec un classement par onglets, la possibilité de mettre des paroles, de récupérer des informations en fonction du chemin du fichier...&lt;/li&gt;
&lt;li&gt;Désormais, l'ajout de pistes automatiques n'existe plus en tant que tel. A la place, deux listes de lectures dynamiques ont été créés, qui en reprennent les fonctions. Une zone permet d'avoir des informations sur les podcast.&lt;/li&gt;
&lt;li&gt;Le navigateur de périphériques peut maintenant gérér les iRivers, et les supports types clefs usb (testé avec ma clef qui lit rien du tout, ça marche), avec affichage de la place disponible et tout et tout. Il parait que la gestion des iPods a été aussi améliorée.&lt;/li&gt;
&lt;li&gt;Et une nouvelle fenêtre est apparue, pour proposer des statistiques sur votre collection&lt;/li&gt;
&lt;li&gt;Tout ça sans compter les améliorations graphiques diverses...&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;Et quand on veut convertir ses wma en ogg, on peut utiliser un script de ce genre :
&lt;pre&gt;
#!/bin/sh
#Convertir les espaces en _
find . -type f -name &quot;* *&quot; -print0 | \
perl -n0e '$old = $_; s/ /_/g; rename $old, $_'
#Convertir les wma en ogg
for WMA in `ls *.wma`; do
 OGG=`basename $WMA .wma`.ogg;
 TMP=${TMPDIR:-/tmp}/wma2ogg.$$
 mplayer -ao pcm:file=$TMP $WMA;
 trap &quot;rm $TMP* 2&gt;/dev/null&quot; 0
 nice -n 15 oggenc -m 128 $TMP -o $OGG
done
#Convertir les _ en espaces
find . -type f -name &quot;*_*&quot; -print0 | \
perl -n0e '$old = $_; s/_/ /g; rename $old, $_'
&lt;/pre&gt;
(Code réalisé grâce au billet &lt;a href=&quot;http://blog.nozav.org/?2005/05/13/25-conversion-en-lot-de-fichiers-wma-en-fichiers-ogg&quot; hreflang=&quot;fr&quot; title=&quot;Billet sur le blogue-notes de J&quot;&gt;Conversion en lot de fichiers WMA en fichiers OGG&lt;/a&gt; de J.)&lt;/li&gt;
&lt;li&gt;Une démo de javascripts qui montre que le jour où l'on pourra enterrer flash approche de plus en plus : &lt;a href=&quot;http://moodhist.home.comcast.net/balls.html&quot; hreflang=&quot;en&quot; title=&quot;Simulations de balles qui se percutent - Anglais&quot;&gt;Javascript Ball Simulation&lt;/a&gt;. C'est très fluide, contrairement à certaines autres démos. Et surtout, ça marche dans Mozilla Firefox 1.5.0.1, Opera 9preview 2, Konqueror 3.5.1 (browser acid2), ce qui n'est pas toujours le cas de ce genre de choses.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;EDIT :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Et un dernier lien, passé par Jéjé sur jabber : &lt;a href=&quot;http://www.paradoxware.com/alstudio/cv/fr.htm&quot; hreflang=&quot;fr&quot; title=&quot;Vidéo en flash&quot;&gt;http://www.paradoxware.com/alstudio/cv/fr.htm&lt;/a&gt;. C'est du flash, mais c'est fait par un ingénieur certifié chez microsoft, donc faut pas trop en demander. En tout cas, c'est tordant.&lt;/li&gt;
&lt;/ul&gt;</description>
    
    
    
          <comments>http://filyb.info/post/2006/02/15/229-en-vrac#comment-form</comments>
      <wfw:comment>http://filyb.info/post/2006/02/15/229-en-vrac#comment-form</wfw:comment>
      <wfw:commentRss>http://filyb.info/feed/rss2/comments/228</wfw:commentRss>
      </item>
    
  <item>
    <title>Afficher/masquer des blocs dans une page web (javascript)</title>
    <link>http://filyb.info/post/2006/02/04/218-afficher-masquer-des-blocs-dans-une-page-web-javascript</link>
    <guid isPermaLink="false">urn:md5:01d044d43ee1ac0caf3fc551419ae832</guid>
    <pubDate>Sat, 04 Feb 2006 11:32:32 +0000</pubDate>
    <dc:creator>Thesa</dc:creator>
        <category>Informatique</category>
        <category>Astuce</category><category>Informatique</category><category>Javascript</category>    
    <description>    &lt;p&gt;Comme je n'y connait rien en javascript, je met ici le bout de code qui permet de masquer et d'afficher des blocs dans une page html (comme dans la barre de gauche de ce site web). Comme ça, si jamais j'en ai de nouveau besoin, j'aurais juste à faire un copier-coller sans avoir besoin de chercher partout sur le web pourquoi ça marche pas (acolade oubliée, etc.).&lt;/p&gt;


&lt;p&gt;A place dans head&amp;nbsp;:&lt;/p&gt;


&lt;pre&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;
&amp;lt;!--
// Affichage / masquage d'un objet spécifié par son attribut id
function toggle(object_id){
 var obj=document.getElementById(object_id)	
 if(obj.style.display == 'block')
  obj.style.display='none'
 else
  obj.style.display='block'
 }
//Masquer certains éléments lors du chargement de la page
function cache(){
 document.getElementById( &quot;blocid&quot; ).style.display='none';
}
//--&amp;gt;
&amp;lt;/script&amp;gt;&lt;/pre&gt;


&lt;p&gt;Le body&amp;nbsp;:&lt;/p&gt;


&lt;pre&gt;&amp;lt;body id=&quot;css-key&quot; onload=&quot;cache() &quot;&amp;gt;&amp;lt;/body&amp;gt;&lt;/pre&gt;


&lt;p&gt;Le lien d'affichage/masquage&amp;nbsp;:&lt;/p&gt;


&lt;pre&gt;&amp;lt;a href=&quot;javascript:toggle('blocid')&quot;&amp;gt;Texte du lien&amp;lt;/a&amp;gt;&lt;/pre&gt;


&lt;p&gt;Le lien va masquer ou afficher le bloc (ou n'importe qu'elle balise) donc l'id est &lt;q&gt;blocid&lt;/q&gt;. Si l'on veut qu'il soit caché par défaut, il faut le mettre dans la fonction &lt;q&gt;cache&lt;/q&gt;, car s'il est directement masqué par des feuilles de style css, ça pose des problèmes d'accessibilités pour ceux qui ont le javascript désactivé. Et si tous les blocs sont affichés par défaut, la fonction cache et l'appel dans la balise body ne servent à rien.&lt;/p&gt;


&lt;p&gt;On pourrait améliorer encore la chose en mettant une case à cocher dans un coin &lt;q&gt;Sauvegardez vos paramètres&lt;/q&gt; qui enregistrerait dans un biscuit l'état des blocs, et le restaurerait lors du chargement de la page. Je ne sais pas faire cela (et je n'ai pas le temps de chercher pour l'instant).&lt;/p&gt;</description>
    
    
    
          <comments>http://filyb.info/post/2006/02/04/218-afficher-masquer-des-blocs-dans-une-page-web-javascript#comment-form</comments>
      <wfw:comment>http://filyb.info/post/2006/02/04/218-afficher-masquer-des-blocs-dans-une-page-web-javascript#comment-form</wfw:comment>
      <wfw:commentRss>http://filyb.info/feed/rss2/comments/217</wfw:commentRss>
      </item>
    
  <item>
    <title>Demandez la lune en SVG</title>
    <link>http://filyb.info/post/2005/12/05/171-demandez-la-lune-en-svg</link>
    <guid isPermaLink="false">urn:md5:cd3d34a66029892ef8c1dcc86253599d</guid>
    <pubDate>Mon, 05 Dec 2005 19:28:08 +0000</pubDate>
    <dc:creator>Thesa</dc:creator>
        <category>En vrac</category>
        <category>Démo</category><category>Informatique</category><category>Javascript</category><category>SVG</category>    
    <description>    &lt;p&gt;Completemment pompé de chez &lt;a href=&quot;http://ljouanneau.com/blog/2005/12/05/500-demandez-la-lune-en-svgb&quot; hreflang=&quot;fr&quot; title=&quot;Billet de jy[B]log sur la démo de la lune en SVG&quot;&gt;jy[B]log&lt;/a&gt;, à qui j'ai piqué le titre, voici encore une démo de la puissance de &lt;a href=&quot;http://fr.wikipedia.org/wiki/Svg&quot; hreflang=&quot;fr&quot; title=&quot;Page d'encyclopédie wikipedia sur le SVG&quot;&gt;&lt;acronym title=&quot;Scalable Vector Graphics&quot;&gt;SVG&lt;/acronym&gt;&lt;/a&gt; (je crois que je vais faire une catégorie dédiée &lt;img src=&quot;/themes/2filybstreet/smilies/smile.png&quot; alt=&quot;:-)&quot; class=&quot;smiley&quot; /&gt; ) !&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://isthis4real.com/orbit.xml&quot; hreflang=&quot;en&quot; title=&quot;la démo de svg sur le site isthis4real&quot;&gt;La démo SVG !&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Grâce à celle-ci, vous pourrez vous entrainer à mettre en orbite la lune autour de la terre (on sait jamais, ça peut être utile &lt;img src=&quot;/themes/2filybstreet/smilies/wink.png&quot; alt=&quot;;-)&quot; class=&quot;smiley&quot; /&gt; )&lt;/p&gt;
&lt;p&gt;Bien sûr, cela ne fonctionne que sur &lt;a href=&quot;http://www.mozilla-europe.org/fr/products/firefox/&quot; hreflang=&quot;fr&quot; title=&quot;Page de téléchargement de Mozilla Firefox&quot;&gt;Mozilla Firefox 1.5&lt;/a&gt; (et peut-être d'autres comme Safari...)&lt;/p&gt;</description>
    
    
    
          <comments>http://filyb.info/post/2005/12/05/171-demandez-la-lune-en-svg#comment-form</comments>
      <wfw:comment>http://filyb.info/post/2005/12/05/171-demandez-la-lune-en-svg#comment-form</wfw:comment>
      <wfw:commentRss>http://filyb.info/feed/rss2/comments/171</wfw:commentRss>
      </item>
    
  <item>
    <title>En vrac</title>
    <link>http://filyb.info/post/2005/12/01/164-en-vrac</link>
    <guid isPermaLink="false">urn:md5:f772ff9646c6fb7d9ed0ec1682579582</guid>
    <pubDate>Thu, 01 Dec 2005 20:58:25 +0000</pubDate>
    <dc:creator>Thesa</dc:creator>
        <category>En vrac</category>
        <category>canvas</category><category>Démo</category><category>Firefox</category><category>Humour</category><category>Javascript</category><category>Mozilla</category><category>Politique</category>    
    <description>    &lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://bravepatrie.com/article.php3?id_article=514&quot; hreflang=&quot;fr&quot; title=&quot;Article de Brave Patrie&quot;&gt;Nicolas Sarkozy atteint par la gangrène bolchévisante&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.404brain.net/index.php/weblog/static/sarkozy-racole-dans-le-porno/&quot; hreflang=&quot;fr&quot; title=&quot;Article de 404 Brain Not Found&quot;&gt;Sarkozy racole dans le porno&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Et voici &lt;a href=&quot;http://caimansys.com/painter/index.html&quot; hreflang=&quot;fr&quot; title=&quot;Canvas Painter&quot;&gt;Canvas Painter&lt;/a&gt; une autre démonstration des posibilité de &lt;code&gt;canvas&lt;/code&gt; dans &lt;a href=&quot;http://www.mozilla-europe.org/fr/products/firefox/&quot; hreflang=&quot;fr&quot; title=&quot;Site officiel de Mozilla&quot;&gt;Mozilla Firefox 1.5&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;</description>
    
    
    
          <comments>http://filyb.info/post/2005/12/01/164-en-vrac#comment-form</comments>
      <wfw:comment>http://filyb.info/post/2005/12/01/164-en-vrac#comment-form</wfw:comment>
      <wfw:commentRss>http://filyb.info/feed/rss2/comments/164</wfw:commentRss>
      </item>
    
  <item>
    <title>Canvascape 3D walker</title>
    <link>http://filyb.info/post/2005/11/27/160-canvascape-3d-walker</link>
    <guid isPermaLink="false">urn:md5:e8619776140bb0f18b9236c336cf1ee6</guid>
    <pubDate>Sun, 27 Nov 2005 19:57:40 +0000</pubDate>
    <dc:creator>Thesa</dc:creator>
        <category>Informatique</category>
        <category>canvas</category><category>Démo</category><category>Firefox</category><category>Flash</category><category>Informatique</category><category>Javascript</category><category>Mozilla</category><category>Safari</category>    
    <description>    &lt;p&gt;Une démo de ce que l'on peut faire avec l'élément &lt;code&gt;canvas&lt;/code&gt; implanté dans &lt;a href=&quot;http://www.apple.com/macosx/features/safari/&quot; hreflang=&quot;en&quot; title=&quot;Page officielle du navigateur Apple Safari RSS&quot;&gt;Safari&lt;/a&gt;, &lt;a href=&quot;http://www.opera.com/&quot; hreflang=&quot;en&quot; title=&quot;Page officielle du navigateur Opera&quot;&gt;&lt;del&gt;Opera&lt;/del&gt;&lt;/a&gt; et &lt;a href=&quot;http://www.mozilla-europe.org/fr/products/firefox/&quot; hreflang=&quot;fr&quot; title=&quot;Page produit de Mozilla Firefox sur le site de Mozilla Europe&quot;&gt;Mozilla Firefox 1.5&lt;/a&gt; : un personnage vu en première personne se déplaçant dans un labyrinthe. Ca fonctionne très bien (bien qu'un peu lent chez moi) sous Firefox, à tester sous les autres navigateurs.&lt;/p&gt;

&lt;p&gt;Moi je dis : on a ici un concurrent sérieux à &lt;a href=&quot;http://www.macromedia.com/fr/software/flash/flashpro/&quot; hreflang=&quot;fr&quot; title=&quot;Page produit de flash sur le site de Macromedia&quot;&gt;Flash&lt;/a&gt; à court terme, si jamais quelqu'un à la bonne idée de développer une interface de développement à la Flash. Sinon il y a aussi &lt;a href=&quot;http://fr.wikipedia.org/wiki/Svg&quot; hreflang=&quot;fr&quot; title=&quot;Page d'encyclopédie Wikipedia sur le SVG&quot;&gt;&lt;acronym title=&quot;Scalable Vector Graphics&quot;&gt;SVG&lt;/acronym&gt;&lt;/a&gt; associé à javascript, qui contrairement à &lt;code&gt;canvas&lt;/code&gt; est un standard du &lt;a href=&quot;http://www.w3.org/&quot; hreflang=&quot;en&quot; title=&quot;Page d'accueil du site du W3C&quot;&gt;&lt;acronym title=&quot;World Wide Web Consortium&quot;&gt;W3C&lt;/acronym&gt;&lt;/a&gt;. Mais ce dernier ne semble pas encore suffisamment répandu...&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.abrahamjoffe.com.au/ben/canvascape/&quot; hreflang=&quot;fr&quot; title=&quot;La démo de Canvas&quot;&gt;Canvascape 3D walker&lt;/a&gt;&lt;/p&gt;</description>
    
    
    
          <comments>http://filyb.info/post/2005/11/27/160-canvascape-3d-walker#comment-form</comments>
      <wfw:comment>http://filyb.info/post/2005/11/27/160-canvascape-3d-walker#comment-form</wfw:comment>
      <wfw:commentRss>http://filyb.info/feed/rss2/comments/160</wfw:commentRss>
      </item>
    
</channel>
</rss>