Blackotine

Pied d’écran vertical en Lego

Pour changer un petit post Do It Yourself. Je l’ai fait en septembre dernier mais comme je n’avais rien posté depuis longtemps, c’est l’occasion.
La problématique, un écran que je voulais passer en orientation verticale pour l’utiliser en écran secondaire dédié au développement. En effet cette orientation est beaucoup plus pratique pour coder, il suffit de l’utiliser pour l’adopter !
Le problème c’est que je ne voyais pas comment faire (à moindre coût, voire sans aucune dépense).

Mais la solution me vint de l’ami Babozor dans son podcast LaGrotteDuBarbu, épisode Saison 03 Episode 07 – LegoPiedEcranVertical.

Mais oui bien sûr, les Lego ! Bon j’ai bien entendu comme tout le monde,j’ai eu un doute sur la solidité de l’ensemble mais poussé par la curiosité et par mon âme d’enfant je me suis dit que j’allais essayer.
J’ai profité de la visite d’amis et de la parfaite coincidence du fait que je venais de retrouver ma vielle boite de Lego (bon d’accord ma mère m’a dit « Tu les prends ou je les jette », donc forcément je les avaient ramenés chez moi sans trop savoir ce que j’allais en faire)
Le truc important, comme le remarque Babozor, c’est le système de répartition de masse (avec la forme en triangle). Et c’est vrai que cela marche vraiment bien.
Au départ tout le monde m’a dit que c’était n’importe quoi mais au final tout le monde est parti dans sa petite construction.

En conclusion, on est parti un peu en live et au final la structure est quelque peu noyée sous le reste. Mais bon on s’est bien éclaté à faire ça et maintenant mon bureau a trop la classe !

Avec Free tout est compris, sauf l’assistance

La mauvaise réputation

Tout le monde le sait. Même si des efforts ont pu être observés : compte Twitter @LALIGNEDEFREE, Angélique BERGE (Directrice de la Relation Abonnés) très présente et active, allant parfois jusqu’à intervenir pour débloquer des situations, des chiffres tentant de montrer que le S.A.V. de Free est au top…
Sur le terrain, ceux qui ont malheureusement dû faire appel à la hotline savent de quoi je parle. Les rares fois ou cela se déroule à peu près sans encombres, on reste étonnement surpris. Ce qui me semble tout de même assez illogique.

J’ai décidé de partager mon expérience avec l’opérateur Free au sujet d’une coupure de ligne ayant pour cause l’utilisation d’un numéro de téléphone qui ne m’appartenait pas.
Si on ne le sait pas et qu’on utilise le numéro de l’ancien locataire mais que celui n’a pas résilié son abonnement voilà ce qui peut arriver.

J’écris cet article, parce que :

• Je sais que beaucoup de personne on eu des problèmes avec leur abonnement.
• Peut-être aurai-je de bons conseils pour faire avancer mon dossier.
• Ça soulage (un peu) de l’écrire.

Résumé de l’incident

- 15/09/2009 : Déménagement dans le nouveau logement et demande d’ouverture de la ligne (via la procédure de déménagement sur internet car j’étais déjà abonné Free) avec le numéro de téléphone fourni par les anciens locataires. Ce numéro devait correspondre précisément au numéro de la ligne résiliée auprès de France Telecom précédemment et qui arrivait dans ce logement. Je m’aperçus plus tard que ce n’était malheureusement pas le cas.

- 21/09/2009 : Ouverture de la ligne. Jusqu’ici tout va bien

- 11/02/2010 : Coupure de la ligne. La Freebox ne se synchronise plus. J’appelle la hotline et apprends que le numéro a été réalloué à une autre ligne. J’apprends également que le numéro ne m’appartenait pas, que tout ça est donc normal car j’ai commis une erreur en faisant une demande d’inscription avec ce numéro. Il faut donc « reconstruire » la ligne avec un nouveau numéro.
Deux choix me sont proposés : immédiatement avec facturation (90€) ou bien dans un délai de 10 à 15 jours mais gratuitement.
La différence de prix correspond, me dit-on, au fait que si Free se charge de l’opération cela sera immédiat, sinon c’est France Télécom et aucune garantie sur le délai ne peut m’être fournie.
Je me dis, à tord, que 90€ c’est une somme et qu’un sevrage de 15 jours devra être supportable et choisis donc d’attendre un peu plus longtemps.

- 08/03/2010 : Presqu’un mois sans nouvelle. J’estime avoir été assez patient. Je rappelle. Je m’aperçois assez rapidement qu’il n’y a pas de suivi client et je me vois forcé de raconter la même histoire de nouveau. Apparemment j’ai bien fait d’appeler, dixit mon interlocuteur. Il se charge de relancer France Télécom. Je n’ai toujours rien a payer, mais on me propose tout de même de le faire pour aller plus vite. J’hésite mais je garde (naïvement) confiance en Free. Je recevrai un SMS pour dès que ma ligne sera activée, tout est merveilleux, cela devrai prendre à peine 15 jours (encore?!)

- 07/04/2010 : Un mois plus tard : RIEN ! Je regarde le chenillard tourner en rond indéfiniment et je rappelle la hotline. « Bonjour , je voudrai avoir des nouvelles quant à l’avancer des « travaux » sur ma ligne. » Bon bien sûr je rêve, il n’y a toujours pas de suivi client ou plutôt si, il y en a bien un, mais j’ai l’impression qu’il n’est disponible que si le client s’efforce de tout répéter avant car miraculeusement après avoir fini mon « histoire » l’opératrice me confirme tous mes dires. Je ne comprends pas vraiment mais je reste calme.
Elle contacte un responsable technique qui l’informe que ma ligne a été ouverte sur un numéro qui ne m’appartenait pas. C’est pas vrai ! Alors ça pour une info ! Il faut refaire une inscription… Je ne vous cache pas que là j’ai légèrement péter les plombs. Je me suis vu tel Bill Murray dans Un jour sans fin.
Mais le comble c’est que maintenant je n’ai plus le choix, je dois payer ! Le tarif est passé a 62€ (aucune explication). La gratuité a apparemment été refusée et mon dossier était donc en attente. En attente de rien, mais en attente.
Lorsque je demande pourquoi personne ne m’a contacté j’ai le droit à un magnifique « Il n’est pas indiqué dans votre dossier que vous avez demandé à être rappelé ».
Donc voilà, j’ai donné mon autorisation pour être facturé pour les « travaux » sur ma ligne et je dois attendre encore 15 jours.

En résumé ce qu’on entends un peu partout est vrai : Free tant que ça marche, c’est la meilleure offre, sinon, « Bonne chance ! »

Corriger la largeur des options d’une liste select dans IE et afficher le contenu masqué

Voici un petit javascript permettant de corriger un bug d’Internet Explorer (qui a dit « Un de plus ! » ?) .

Il s’agit du cas où les options d’une liste à choix multiples d’un formulaire, sont trop longues pour rentrer dans la taille de cet élément select lorsqu’on a fixé sa taille en CSS. Dans un navigateur moderne, quand on visualise les choix disponibles, la taille de la liste est adaptée (la taille de l’élément parent select n’est pas modifiée). Dans ce cher IE, la liste garde la même taille que le select et on ne voit donc pas la totalité des options, n’ayant que les n premiers caractères affichés.

Les images valant mieux qu’un long discours, en voici deux pour illustrent ce problème. Ici, j’ai fixé la largeur à 300px :

Avec Firefox, Safari, Chrome, Opéra… :

Avec Internet Explorer toutes versions confondues :

Comme on peut le voir, avec IE, si les contenus des options sont long, ils sont tronqués, ce qui n’est pas très pratique.
Pour corriger ce problème un petit javascript qui ne sera executé que sous Internet Explorer.
Le principe est le suivant : On recherche tous les champs select (on peut être plus précis sur le sélecteur si besoin). On passe la largeur en auto le temps de récupérer la largeur nécessaire pour un affichage correct. Lors de l’ouverture de la liste, on applique cette largeur.
Pour ne pas modifier la mise en page, j’ai choisi de passer la liste en positionnement absolu lorsque sa taille est modifiée. C’est un choix qui pourrait avoir des conséquence sur votre mise en page. A vous de modifier ou de proposer une meilleure solution.

P.S : C’est à base de Mootools, mais adaptable à d’autres frameworks si besoin.

if(Browser.Engine.trident){
function adjustWidth(el,m){
el.setStyle('width',m+'px');
el.setStyle('position','absolute');
}
function reinitWidth(el,s,p){
el.setStyle('width',s);
el.setStyle('position',p);
}
$$('form select').each(function(cb){
var initsize = cb.getStyle('width'),initposition = cb.getStyle('position'),maxsize = 0;
cb.setStyle('width','auto');
maxsize=cb.offsetWidth;
cb.setStyle('width',initsize);
if (maxsize > initsize.substring(0,initsize.length-2)) {
cb.addEvent('mousedown',function(e){adjustWidth(cb,maxsize);});
window.document.addEvent('click', function(e) {if(e.target != cb) reinitWidth(cb,initsize,initposition);});
cb.addEvent('change',function(e){reinitWidth(cb,initsize,initposition);});
}
});
}

Label et input, syntaxe et accessibilité

L’élément label permet de rattacher une information à un contrôle par le biais d’une étiquette.
En clair, cliquer sur le texte à l’intérieur d’un élément label permet de place le curseur sur l’élément correspondant du formulaire. Il est à la fois question d’ergonomie et d’accessibilité.
Il est donc primordial d’ajouter un élément label pour chaque champs d’un formulaire.

Syntaxe

Deux méthodes existent, pour lier un label au champ correspondant, la relation peut être explicite ou implicite.

Relation explicite :

L’étiquette est définie par l’attribut for dans label et identifiée grâce à l’attribut id du champ de formulaire ciblé.

<label for="nom">Nom </label>
<input id="nom" name="firstname" type="text" />

Relation implicite :

Il s’agit d’imbriquer le champ dans la balise label, il n’est donc plus nécessaire de renseigner les attributs for de label et id du champ.

<label>
Nom
<input name="firstname" type="text" />
</label>

Ces deux méthodes sont détaillés dans la documentation du W3C

Accessibilité

Cependant la solution des labels implicites, bien qu’étant parfaitement valide, n’est plus admise car elle n’est pas reconnue par tous les dispositifs d’accessibilité, elle est d’ailleurs proscrite par les normes d’accessibilité WCAG2.0

Voilà, il n’y a donc en fait qu’une seule solution, la relation explicite, et l’autre, bien que fonctionnant, ne doit jamais être utilisée.

Mise à jour WordPress 2.8 et message qui refuse de disparaitre

Les personnes ayant effectué une mise à jour de leur blog WordPress vers la version 2.8 ont peut-être eu un souci avec le message « WordPress 2.8 est disponible ! Pensez à faire une mise à jour. » qui reste affiché une fois la mise à jour faite.

Ce problème vient de d’un bug lors de la génération des packs localisés et d’une variable manquante dans le fichier versions.php

La solution est assez simple, il suffit d’éditer ce fichier (wp-includes/version.php) et d’ajouter à la fin la ligne :
$wp_local_package = ‘fr_FR’;