Saturday, July 26, 2008

Traduire le widget Twitter en Fran�ais

twitterific_logo_enlarged copie


Twitter est un outil de microblogging, qui permet au blogeur de signaler � ses lecteurs "ce qu'il est en train de faire". Twitter prend g�n�ralement le forme d'un widget dans la barre lat�rale du blog affichant le dernier message publi� par le blogeur, ainsi que la date � laquelle ce message a �t� publi�. Et c'est cette derni�re qui est affich�e en anglais, au format : 8 minutes ago par exemple, et que je vous propose de traduire.



Pour commencer, ouvrez le bloc-notes, et copiez-y ce code :


function twitterCallback2(obj) {
var twitters = obj;
var statusHTML = "";
var username = "";
for (var i=0; i<twitters.length; i++){
username = twitters[i].user.screen_name
statusHTML += ('<li><span>'+twitters[i].text+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>')
}
document.getElementById('twitter_update_list').innerHTML = statusHTML;
}

function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);

if (delta < 60) {
return 'il y a moins de 1 minute';
} else if(delta < 120) {
return 'il y a une minute';
} else if(delta < (60*60)) {
return 'il y a ' + (parseInt(delta / 60)).toString() + ' minutes';
} else if(delta < (120*60)) {
return 'il y a 1 heure';
} else if(delta < (24*60*60)) {
return 'il y a ' + (parseInt(delta / 3600)).toString() + ' heures';
} else if(delta < (48*60*60)) {
return 'hier';
} else {
return 'il y a ' + (parseInt(delta / 86400)).toString() + ' jours';
}
}


Enregistrez ensuite le fichier avec une extension en .js, comme ci-dessous :


2008-07-26_211904







Connectez-vous ensuite � votre compte Google Page Creator.

Sur la droite de la page, cliquez sur "upload", puis sur le bouton "Choisir".

Dans la fen�tre qui s'ouvre, s�lectionnez le fichier que vous venez de cr�er.

Attendez que le fichier soit envoy�, puis cliquez sur son nom dans la m�me section.

Le fichier s'ouvre alors dans votre navigateur. R�cup�rez son URL, qui est du type http://pages.google.com/manager/<nom du compte google>/<nom du fichier envoy�>.js

Ensuite, r�cuperez le code de votre widget. Pour ce blog :


<div id="twitter_div"><ul id="twitter_update_list"></ul></div> <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/Bertrand31.json?callback=twitterCallback2&count=1" type="text/javascript"></script>


Enfin, remplacez l'URL du script par d�faut, en gras ci-dessus, par celle du script que vous avez upload�, enregistrez et le tour est jou� !


Enjoy !

No comments:

Post a Comment