Alt-I, des informations alternatives - Développement

Levenshtein

Hadrien — Mon, 16 Aug 2010 10:28:00 +0200

Je cherchais un algo en javascript pour connaitre le pourcentage de différence entre deux chaines de caractères afin d'alerter l'utilisateur s'il modifie trop un texte de départ. Je ne savais pas trop comment m'y prendre jusqu'à ce que mon Maitre PHP me parle de la fonction php levenshtein dont le but est de "calculer la distance Levenshtein entre deux chaînes". La distance Levenshtein ?…

La distance de Levenshtein mesure la similarité entre deux chaînes de caractères. Elle est égale au nombre minimal de caractères qu'il faut supprimer, insérer ou remplacer pour passer d’une chaîne à l’autre.
Son nom provient de Vladimir Levenshtein qui l'a définie en 1965. Elle est aussi connue sous le nom de « distance d'édition » ou encore de « déformation dynamique temporelle », notamment en reconnaissance vocale.
Cette distance est d'autant plus grande que le nombre de différences entre les deux chaînes est grand. La distance de Levenshtein peut être considérée comme une généralisation de la distance de Hamming. On peut montrer en particulier que la distance de Hamming est un majorant de la distance de Levenshtein.

Wikipédia

Ah ah ! C'est exactement ce dont j'avais besoin ! Et hop, en voici une version javascript !

Technique anti spam

Hadrien — Fri, 16 Jul 2010 08:51:00 +0200

Je viens de mettre en place une nouvelle procédure anti spam que je trouve assez rigolote. De plus en plus de blackhat SEO spamment les commentaires des blogs afin de placer les liens de leurs clients et augmenter leur référencement. La solution de facilité est de simplement rajouter l'attribut "nofollow" sur les liens des commentaires. Cet attribut permet de demander à Google de ne pas suivre et indexer le lien correspondant. Le problème, c'est que j'ai aussi des commentaires pertinents qui méritent d'avoir un lien en récompense de leur contribution. Alors que faire ?

Dotclear dispose d'un moteur anti spam particulièrement bon qui sait détecter quasiment tous les commentaires inutiles. Ils sont en général mis de coté en attente de validation manuelle de ma part. La plupart du temps, je les supprime simplement. Puis m'est venu une idée sadique. Dorénavant, je publie le commentaire de spam, mais après avoir modifié le lien par une de mes urls. Exemple par ici. Ainsi, je fais travailler les spammeurs pour moi. Pratique non ?

Je vais réfléchir à un moyen d'automatiser le processus à travers une extension Dotclear. Si l'idée vous plait, n'hésitez pas à mettre votre site en lien de votre commentaire

Mise à jour TwitterPost 1.5

Hadrien — Fri, 09 Jul 2010 20:42:00 +0200

Chose promie, chose due. Voici la mise à jour de TwitterPost qui permet de choisir sa propre API pour raccourcir ses urls. Alti.pro est toujours l'API par défaut, mais vous pouvez très bien choisir n'importe quelle autre, celle de is.gd par exemple : http://is.gd/api.php?longurl=http://www.example.com

Ça se télécharge ici ou là.

Mise à jour de plugins

Hadrien — Mon, 05 Jul 2010 13:58:00 +0200

Les extensions pour Dotclear Pixearch, TwitterPost et TwitterTrackback ont (enfin) été mises à jour pour être compatibles avec Dotclear 2.2. Elles n'apportent aucune nouvelle fonctionnalité mais sont nécessaire si vous mettez à jour votre blog en 2.2.

TwitterPost apporte un léger changement temporaire : en mettant à jour l'extension, je me suis rendu compte que tr.im avait fermé son service. J'ai donc du le remplacer. Dans l'urgence, j'ai configuré mon raccourcisseur alti.pro en attendant que vous puissiez configurer votre propre raccourcisseur. Je proposerais de configurer uniquement un service basé sur bilbolink avec un service simple par défaut du genre de is.gd.

Et si ça vous va pas, vous pouvez toujours modifier TwitterPost.class.php vous même

Quote sur #yui

Hadrien — Thu, 01 Jul 2010 15:44:00 +0200

Une petite citation que je viens d'intercepter sur le channel IRC #yui où l'on cause de Yahoo User Interface. Ça parlera pas à grand monde, mais moi ça m'a bien fait marrer

JohnnyL ~excellent@xxx a rejoint le salon #yui. (15:34:44)
JohnnyL (johnnyl): what does YUI have that jQuery doesn't?
shabbs: balls
hadrien: \o/

YUI : 1 - Troll : 0

Evénements cross sand box avec YUI3

Hadrien — Tue, 29 Jun 2010 12:35:00 +0200

Petite astuce pour YUI3 que je viens de trouver après maintes recherches et tentatives. Le gros problème des sandbox, c'est qu'il est difficile de communiquer de l'une à l'autre. J'ai été confronté au problème suivant : dans une partie de mon code, je crée un nouvel objet à partir d'une de mes classe. Puis, ailleurs, je désires utiliser cet objet. Mais je suis, forcément, dans une nouvelle sandbox. Comment accéder à cet objet ?

Présentation de la situation

YUI().use('maClasse', function(Y) {
	var objet = new MaClasse({label: 'truc'});
});
//[…]
 
alert(objet.get('label'));

Résultat, l'alerte affiche "undefined" car objet n'existe pas dans cette sandbox.

Première tentative, la variable globale

J'ai d'abord naïvement pensé qu'en mettant mon objet en tant que variable globale, je pourrais y accéder dans ma seconde sandbox :

var objet = null;
YUI().use('maClasse', function(Y) {
	objet = new MaClasse({label: 'truc'});
});
//[…]
 
alert(objet.get('label'));

Erreur, car objet est bien renseigné dans le scope global, mais le code passé à YUI().use n'est exécuté que quand tout les scripts sont chargés de façon asynchrone. De ce fait, quand le parser arrive à la fonction alert(), le code de YUI n'a pas encore été exécuté et window.objet vaut toujours null.

Utilisons les événements personnalisés !!

On se rapproche du but en s'orientant vers les custom events de YUI. YUI3 propose une gestion des évenements perso vraiment très pratique et très simple. On peut faire lacher un évenement de n'importe quel type par tout les objets encapsulés dans YUI. Et on les écoute aussi facilement. La preuve par l'exemple :

YUI().use('event', function(Y) {
	objet = new MaClasse({label: 'truc'});
 
	// Écoute de l'évenement "MonEvent:estLance"
	Y.on(
		"MonEvent:estLance",
		function(arg)
		{
			alert(arg);
		}
	);
 
	// On met un timer pour lancer l'évenement plus tard :
	setTimeout(
		function()
		{
			Y.fire("MonEvent:estLance", 'kikoo');
		},
		5000
	);
});

Ainsi, 5 secondes après le chargement de la page, une alerte m'affichera "kikoo". J'ai donc tenté cette solution par :

YUI().use('event', function(Y) {
	Y.on(
		"MonEvent:estLance",
		function(obj)
		{
			alert(obj);
		}
	);
});
 
YUI().use('event', 'maClasse', function(Y) {
	var objet = new MaClasse({label: 'truc'});
	Y.fire(
		"MonEvent:estLance",
		objet
	);
});

Ça ne fonctionne pas, car les event sont limité au scope de la sandbox… Ah mais ! C'est agaçant !

Évenements globaux

Après pas mal de recherches et de bidouilles, j'ai fini par comprendre le passage de la doc où il est expliqué le fonctionnement des évenements globaux. Et voici donc enfin la solution finale :

YUI().use('event', function(Y) {
	Y.Global.on(
		"MonEvent:estLance",
		function(obj)
		{
			alert(obj);
		}
	);
});
 
YUI().use('event', 'maClasse', function(Y) {
	var objet = new MaClasse({label: 'truc'});
	Y.Global.fire(
		"MonEvent:estLance",
		objet
	);
});

Et voilà comment je peux interférer sur des objets construits dans des sandbox différentes dès leur création : faites leur cracher des événements globaux !

YUI3 est un peu compliqué à cause de ces bac à sables hermétiques, mais c'est réellement très puissant ! Bon courage !

Astuce sélecteurs CSS3

Hadrien — Sat, 22 May 2010 12:44:00 +0200

Une petite astuce en CSS3 qui permet de sélectionner des lien selon le contenu de leur url. Imaginons que nous ayons une liste de liens vers des documents divers auquel on veut associer une icône relative à son type : des PDF, des ODF, des PPT, des MP4, etc avec chacun une icone indiquant le type de fichier. Classiquement, on prévoira, coté serveur, de tester le type de fichier lors de la création de la liste et de rajouter une classe indiquant le type. Mais si le développeur a oublié, et c'est encore possible grâce aux sélecteurs CSS3.

.malistededocs a[href$=".pdf"] {
	background: url('pdf.png');
}
.malistededocs a[href$=".zip"] {
	background: url('zip.png');
}
.malistededocs a[href$=".ppt"] {
	background: url('ppt.png');
}
.malistededocs a[href$=".mp4"],
.malistededocs a[href$=".m4v"],
.malistededocs a[href$=".avi"],
.malistededocs a[href$=".mkv"],
.malistededocs a[href$=".mov"] {
	background: url('video.ppt');
}

Le sélecteur [attribut$=valeur] permet de chercher les éléments dont l'attribut indiqué se termine par la valeur. On se réfèrera à la doc du W3C pour découvrir les autres types de sélecteurs :

[att] : trouve les éléments qui possèdent l'attribut att,
[att=val] : trouve les éléments qui possèdent l'attribut att et qui vaut exactement val,
[att~=val] : val est une liste de mot séparés par des espaces. Ce sélecteur trouve les éléments qui possèdent l'attribut att et dont la valeur est exactement l'une de celles de la liste val,
[att|=val] : trouve les éléments qui possèdent l'attribut att et qui vaut exactement val ou val-. Utile pour les attributs de langue où att retrouvera "en", mais aussi "en-EN" ou "en-US",
[att^=val] : trouve les éléments dont la valeur de att commence par val
[att$=val] : trouve les éléments dont la valeur de att finit par val
[att*=val] : trouve les éléments dont la valeur de att contient val

YUI3, une nouvelle approche de Javascript

Hadrien — Tue, 18 May 2010 14:27:00 +0200

Déjà addict à YUI 2 (YAHOO User Interface, version 2.x), j'ai enfin pris le temps de me pencher sur la version 3 de cette librairie Javascript. Je n'ai pas pu migrer immédiatement tous mes scripts car la librairie a été refondue en profondeur et n'a quasiment plus rien à voir avec la version 2. J'ai même cru à un plagiat de jQuery, ce qui a encore plus retardé la lecture de sa doc.

Le premier truc qui choque dans YUI3, c'est son concept de sandbox. Tout code javascript est conditionné dans des blocs hermétiques dans lesquels on aura chargé tel ou tel module. Ainsi, plusieurs développeurs peuvent travailler sur des scripts différents dans une même page sans avoir d'incidence l'un sur l'autre, chacun des codes étant parfaitement isolé.

Dans cette sandbox, on demande donc quels modules on veut utiliser. Et ça, c'est génial ! Les modules sont chargés dynamiquement selon les besoins. Dans ma page, je n'ai en fait chargé que la base de YUI3 : un fichier javascript de 7Ko. Et quand mon code sera exécuté, les modules que j'aurais demandé ne seront chargés que quand on en aura besoin.

Voyons ces deux choses en exemple :

YUI().use('node', function(Y)
{
    alert(Y.all('p').size()); // Affiche le nombre d'éléments p dans la page
});

La sandbox, c'est le bloc ci dessus. Notre code est une fonction passée en argument de la méthode use() de l'objet YUI() auquel on aura préalablement indiqué quel module utiliser. Ici, on demande à utiliser le module "node". Il est alors disponible dans notre fonction à travers la variable Y. Si j'avais tenté d'utiliser Y.io(), qui est le module consacré aux requêtes AJAX, je me prendrais une erreur indiquant que Y.io n'existe pas. Il me faut donc demander son chargement au préalable :

YUI().use('node', 'io', function(Y)
{
    Y.io(
        '/index.php',
        {
            on: {
                {
                    success: function(id, data)
                    {
                        // Insère le contenu de la réponse dans la première balise p trouvé dans la page
                        Y.one('p').set('innerHTML', data.responseText);
                    }
                }
            }
        }
    );
});

Les fichiers node.js et io.js sont donc chargés depuis les serveurs de Yahoo dès que je les demande, et mon code est exécuté dès qu'ils sont disponibles.

Ça devient encore plus intéressant quand on écrit nos propres modules ou ceux de YUI2 qui restent compatible avec YUI3. Le constructeur de YUI prends en paramètre un objet de configuration dans lequel on peut indiquer les accès aux différents modules. Dans cette configuration, on peut tout d'abord indiquer des chemins pour les modules YUI3 si on préfère héberger nous même la librairie pour ne pas être tributaire de Yahoo. Mais on peut aussi définir des groupes de modules en indiquant leur emplacement et les dépendances. Prenons un exemple concret :

Ceci est une classe perso que je nomme alti_exemple et qui est accessible par le namespace Y.alti.exemple. Elle sera hébergée évidemment chez moi dans un fichier /js/alti.exemple.js contenant le code suivant :

YUI().add('alti_exemple', function(Y)
{
    Y.namespace('alti');
    Y.alti.exemple = function()
    {
        this.init();
    };
    Y.alti.exemple.prototype = {
        init: function()
        {
            // Du code qui utilise Y.node et Y.event
        }
    };
}, '1.0', {
    requires: ['node', 'event']
};

Dans ma page HTML, je vais renseigner une variable globale YUI_config qui sera la config par défaut de mes sandbox, puis après, je chargerais YUI. Dans cette config, j'ajoute les modules de yui2 nécessaire à l'utilisation de YAHOO.widget.Editor, l'éditeur de texte riche de YUI2 et mon module alti_exemple :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script type="text/javascript" charset="utf-8">
//<![CDATA[
    YUI_config = {
        groups: {
            yui2: {
                combine: true,
                base: 'http://yui.yahooapis.com/2.8.1/build/',
                comboBase: 'http://yui.yahooapis.com/combo?',
                root: '2.8.1/build/',
                modules:  {
                    yui2_yde: {
                        path: 'yahoo-dom-event/yahoo-dom-event.js'
                    },
                    yui2_element: {
                        path: 'element/element.js'
                    },
                    yui2_container: {
                        path: 'container/container.js'
                    },
                    yui2_menu: {
                        path: 'menu/menu.js'
                    },
                    yui2_button: {
                        path: 'button/button.js'
                    },
                    yui2_editor: {
                        path: 'editor/editor.js',
                        requires: ['yui2_yde', 'yui2_element', 'yui2_container', 'yui2_menu', 'yui2_button']
                    }
                }
            },
            alti: {
                combine: false,
                base: '/',
                root: 'js/',
                modules: {
                    'alti_exemple': {
                        path: 'alti.exemple.js',
                        requires: ['node', 'event']
                    }
                }
            }
        }
    };
//]]>
</script>
<script type="text/javascript" src="http://yui.yahooapis.com/combo?3.1.1/build/yui/yui-min.js" ></script>
</head>
<body>
 
</body>
</html>

Je peux maintenant utiliser ma classe, et les modules de YUI2 sans me demander si les fichiers ont bien été chargés au préalable :

YUI().use('alti_exemple', function(Y)
{
    var exemple = new Y.alti.exemple();
});
 
YUI().use('yui2_editor', function(Y)
{
    var editor = new YAHOO.widget.Editor(
        'editor'
    );
});
 
// Mixons les deux et utilisons node aussi !
YUI().use('node', 'alti_exemple', 'yui2_editor', function(Y)
{
    var exemple = new Y.alti.exemple();
    var editor = new YAHOO.widget.Editor(
        Y.one('textarea')
    );
});

Alors, c'est pas pratique tout ça ?

Flouter du texte en CSS

Hadrien — Sun, 28 Mar 2010 16:28:00 +0200

Voici un effet sympa à réaliser en CSS : flouter du texte. On utilise pour cela la propriété text-shadow qu'on va détourner de sa fonction première. On va faire en sorte d'afficher uniquement l'ombre portée et de faire disparaitre le texte normal.

J'ai pour le moment trouvé deux solutions. L'une, facile à implémenter n'importe où mais qui ne fonctionne que sous Firefox. L'autre qui fonctionne sur tout navigateur qui supporte text-shadow, donc Firefox, Safari et Chrome. Mais pas évidente à utiliser dans toute les conditions.

La première méthode consiste simplement à appliquer un text-shadow sur du texte de couleur transparente :

.blur {
	color: transparent;
	text-shadow: 0 0 4px rgba(0,0,0,0.8);
}

Malheureusement avec le moteur de rendu Webkit, cette transparence est appliquée à l'ensemble du texte, ombre comprise, donc tout disparait. On essaiera alors la seconde solution qui consiste à décaller le texte dans une zone invisible de l'écran et de décaller dans l'autre sens et de la même distance son ombre portée :

.blur {
	margin-top: -1000px;
	text-shadow: 0 1000px 4px rgba(0,0,0,0.8);
}

Cette méthode a de nombreux désavantages dont l'impossibilité de sélectionner le texte. Mais elle fonctionne sur Firefox, Safari et Chrome.

Vous pouvez voir les résultats ici et la première méthode en application sur s.arcas.me avec un fallback pour Safari.

Si quelqu'un arrive à trouver un bidouille plus universelle pour faire cet effet de blur plus simplement, qu'il s'exprime !

Tuer Flash

Hadrien — Fri, 05 Feb 2010 19:04:00 +0100

Joues moi du violongay violoneux Adobe ou j'te mange ton mulet longueuil ! Oups, je me trompe de billet :/

J'ai souvent rabâché que Flash pouvait être remplacé dans 90% des cas par les standards du web : html, javascript, css, svg. J'ai aussi souvent dit que la grande force de Adobe contre laquelle on ne pouvait lutter, c'était l'IDE Flash CS, l'application qui permet de créer des animations Flash. Car pour faire une animation Flash, c'est du clickodrome, c'est accessible à n'importe quel noob ou n'importe quel non-développeur qui pourra apprendre en l'utilisant. De la même façon qu'on a tous appris à utiliser Photoshop quand on était ados. Tandis que pour faire de l'anim HTML5/CSS/JS/SVG, il faut être sacrément callé en programmation web. D'ailleurs, certains graphistes n'oseront pas de sitôt se pencher sur ça. Et je les comprends ! Tout ça pour dire que pour tuer Flash, il faudra avant toute chose : un IDE accessible à tous et productif !

Et ce jour va peut être bien arriver les enfants ! Si j'en crois Florian Innocente, chez MacGénération, qui le tiendrait de Lionel le dentiste, de chez Macbidouille, qui ne risque pas de l'avoir appris de Grouik le cochon, de MacPourToujours, Apple serait sur le point de développer une suite créative pour concurrencer Adobe ! Ils nous prépareraient un logiciel concurrent à Flash et accessoirement, à Photoshop !

Apple serait tellement agacé par la nonchalence d'Adobe pour optimiser leur ~~bouses~~ logiciels sur les plateformes pommées qu'ils auraient décidé enfin de les mettre sur la touche. Ça a commencé avec des déclarations pour justifier l'absence de Flash sur l'iPad. En insistant sur le fait que Flash ramait beaucoup trop et devait être remplacé par des outils standardisés qu'ils maitrisaient et qu'ils pouvaient optimiser eux même sans devoir attendre le bon vouloir d'une société de fainéants. Et c'est ainsi qu'ils créeraient l'IDE tant convoité qui permettrait de générerer en quelques clics l'équivalent d'une animation Flash, mais utilisant des technologies standardisées, libres et approuvées par le W3C et disponibles sur tous les navigateurs modernes actuels (Safari, Chrome, Firefox).

Et là, je dis bravo ! Et surtout Merci ! Car que pourrez vous nous dire pour votre défense (ami ?) flasheurs quand vous pourrez faire la même chose de la même façon ? Ah si, vous allez raler car le soft n'existera pas pour PC -_-"

PS : Mozilla a indiqué la semaine dernière ne pas vouloir de Flash sur leur plateforme Maemo pour des raisons de performances, et Microsoft a dévoilà hier son Windows Mobile 7 qui ne contient pas non plus Flash, même s'ils n'ont pas encore donné de raison officielle. Flash, t'a pas d'amis !

LastTweets en beta

Hadrien — Wed, 06 Jan 2010 13:35:00 +0100

Vous voyez le joli widget affichant mes derniers tweets dans la sidebar à droite ? Et bien, c'est mon dernier plugin pour Dotclear 2 que j'aimerais faire tester à quelques testeurs ~~sots~~ betas. Pour les détails, allez voir la page qui lui est consacrée.

Si vous voulez participer, merci de lâcher votre com avec un mail valide. Je vous enverrais l'url du plugin. Il faudra bien évidemment me faire un rapport quotidien tous les soirs à 21h25 sur ce qui marche et ne marche pas.

Il faudra qu'on m'explique ce mystère

Hadrien — Sat, 02 Jan 2010 17:49:00 +0100

Si un expert en javascript passe par là, qu'il m'explique ce comportement totalement illogique de Javascript sous Firefox :

>>> parseInt('01')
1
>>> parseInt('02')
2
>>> parseInt('03')
3
>>> parseInt('04')
4
>>> parseInt('05')
5
>>> parseInt('06')
6
>>> parseInt('07')
7
>>> parseInt('08')
0
>>> parseInt('09')
0

Pourquoi "08" et "09" sont-ils transformés en 0 alors que les autres sont correctement transposés ???

Uploadez vos vidéos sur Dailymotion

Hadrien — Fri, 11 Dec 2009 11:13:00 +0100

Voici une vidéo présentant l'intégration de Dailymotion dans Overblog

Dailymotion débarque sur OverBlog !

Nouvelle gestion des documents sur Overblog

Hadrien — Wed, 09 Dec 2009 20:28:00 +0100

Mon travail sur la refonte de la gestion des documents dans l'administration d'Over-blog est enfin arrivé à son terme et est disponible pour tous depuis ce soir. Ce travail intensif m'aura pris plus d'un mois et demi mais devrait améliorer considérablement l'expérience utilisateur pour nos bloggeurs.

La pièce maitresse de cette refonte est un nouvel uploader d'image. Nous utilisions auparavant Aurigma Image Uploader, un uploader en Java, propriétaire et cher en licence. Pour ceux qui ne l'ont pas connu, vous pouvez le voir sur Facebook. J'ai remplacé tout ça par SWFUpload, un uploader Flash et Javascript réduit au strict minimum qui permet de modeler exactement ce que l'on veux. L'applet Flash est constituée uniquement d'un bouton auquel on peut donner le style qu'on veut et donc le faire passer pour n'importe quel bouton DHTML classique. Ce bouton ouvre un dialogue d'ouverture de fichier qui permet, dans l'interface graphique du système de l'utilisateur, donc dans un environnement qu'il maitrise et qu'il connait, de choisir un ou plusieurs fichiers. Ça change beaucoup de Aurigma qui propose son propre file manager en swing qui ne ressemble donc à rien de ce que l'utilisateur connait.
Une fois les fichiers sélectionnés, des événements javascript sont déclenchés qui permettent au développeur d'afficher comme il le souhaite la progression du transfert en temps réel. On peut donc définir l'affichage d'un fichier en cours d'upload, afficher le pourcentage envoyé, lister les autres fichiers en file d'attente, etc.
C'est ainsi que les fichiers semblent être incorporés dans l'interface graphique de la même façon que sur le bureau de votre système d'exploitation, et sont exploitables immédiatement.

SWFUpload permet donc d'ajouter vos photos, vos documents, et, c'est nouveau aussi, vos vidéos. Bon, c'est pas tout à fait nouveau, on avait déjà Wat depuis 3 ans. Mais c'était tellement bancal qu'on peut dire que c'est nouveau. Et surtout, nous avons maintenant Dailymotion. Vous pouvez donc lier vos comptes Wat et Dailymotion à votre blog ou créer un nouveau compte sans sortir de l'administration d'OB.

Et les plugins pour l'éditeur de publication TinyMCE ont bien entendu été mis à jour aussi et permettent de chercher des vidéos, et, encore une nouveauté (inspirée de Dotclear), d'ajouter une vidéo depuis son url.

Quelques captures…

Et c'est parti pour un nouveau projet pour améliorer votre expérience utilisateur

Mettre à jour ses liens

Hadrien — Tue, 01 Dec 2009 01:47:00 +0100

Un outil super pratique pour lister tous les backlinks d'une url ou d'un domaine qui m'a été utile pour migrer un maximum de liens de alti.info vers alt-i.fr :

Site explorer de Yahoo

Foreach en javascript

Hadrien — Tue, 17 Nov 2009 11:07:00 +0100

Petite astuce peu connue mais pourtant très pratique pour faire l'équivalent de :

foreach (array('a', 'b', 'c', 'd') as $b)
{
	echo $b;
}

… en javascript :

for (var i in a = ['a', 'b', 'c', 'd'])
{
	alert(a[i]);
}

Pour ceux qui se demandent quel interêt à cela, voici un exemple pratique :

var form = document.forms[0];
var qstring = '';
for (var i in a = ['name', 'title', 'description', 'theme'])
{
	if (form[a[i]])
	{
		qstring += a[i] + '=' + form[a[i]].value + '&';
	}
}

Pour ceux qui se demandent toujours à quoi ça sert, c'est qu'ils se sont trompé de rubrique

iPhoneView 0.2

Hadrien — Thu, 10 Sep 2009 23:51:00 +0200

Petite mise à jour de iPhoneView, extension Dotclear pour ajouter une interface iPhone à votre blog. Cet update corrige la méthode CurrentURL qui insère l'url courante en version normale. Elle était auparavant mise en cache et donc identique sur toutes les pages…

Télécharger iPhoneView 0.2 pour Dotclear

TwitterTrackback v2.0

Hadrien — Wed, 02 Sep 2009 15:17:00 +0200

Voici enfin la v2.0 de TwitterTrackback, extension pour Dotclear permettant de commenter vos articles depuis Twitter.

Le plugin utilise maintenant l'API du site backtype.com qui recense tous les tweets liés à une url. Une fois le plugin installé, lors de l'affichage de vos articles, il ira demander à backtype quels sont les tweets qui y sont attachés et les rajoutera en tant que trackback.

Allez voir la page dédiée pour plus d'infos.

Téléchargez le plugin.

Tr.im est mort :(

Hadrien — Mon, 10 Aug 2009 08:51:00 +0200

Tr.im, excellent service de troncation de lien vient d'annoncer qu'ils fermaient leurs services : monétiser cette activité serait impossible ou tout du moins très compliquée, surtout maintenant que twitter a décidé que bit.ly serait le fournisseur de lini liens officiels.

Cela veut dire que TwitterPost va être mis à jour d'ici peu. Je pensais utiliser bit.ly, évidemment, mais celui-ci nécessite une clé d'API qui empeche donc un fonctionnement "out of the box" de l'extension. Je vais donc utiliser aussi is.gd, autre célèbre réducteur d'url, qui lui n'a besoin d'aucun paramètre à part l'url à couper.

Nous aurons donc des url en is.gd par défaut. Is.gd ne propose aucune statistiques et aucun autre service que le raccourcissement d'url. Et dans la configuration, on pourra renseigner un login et une clé d'API pour utiliser bit.ly, qui sera alors utilisé à la place de is.gd. Vous pourrez ainsi bénéficier de tous les services de bit.ly.

Si vous préférerez un autre service par défaut, ou que vous souhaiteriez pouvoir choisir parmi une large sélection, merci de me les indiquer en commentaire.

TwitterTrackback : extension pour trackbacker les tweets

Hadrien — Sun, 09 Aug 2009 18:21:00 +0200

Le titre est peu clair mais voici un nouveau plugin pour Dotclear fort intéressant. Souvent, vos followers de microblogging commentent vos articles via le service de microblogging au lieu de lâcher leur comm' sur votre blog. Ce plugin va automatiquement ajouter un trackback à vos articles qui auront été liés dans un tweet, qu'il ait été posté depuis Twitter ou identi.ca.

Plus d'infos sur la page consacrée à TwitterTrackback.

Téléchargez TwitterTrackback.