Category archive for: Programmation

Désactiver le remplissage automatique de mots de passe dans Firefox

Published by gerben on octobre 24, 2007

Non ? un bug dans Firefox ??

Oui et non … étant donné que c’est sur une fonctionnalité qui ne fait pas partie du standard HTML, on ne peut pas tellement se plaindre.

Voici le problème : j’ai un champ password sur un formulaire HTML et je souhaite que Firefox ne le remplisse pas automatiquement. Pour ça il existe l’attribut autocomplete, qu’on utilise de la manière suivante :

<input type= »password » name= »pass » id= »pass » autocomplete= »off » />

Problème : je ne sais pas pourquoi, mais ça ne fonctionne pas à tous les coups. Pour certains champs, Firefox remplit systématiquement le champ avec le mot de passe enregistré, même avec le autocomplete= »off ».

J’avais pensé mettre un bout de javascript à la fin de mon code pour vider le champ, mais ça ne marche pas non plus. Apparemment, Firefox fait l’autocomplete après le rendu complet de la page.

Du coup, voici la solution (un peu brutale) que j’ai trouvé sur le site VerySimple Dev Blog :

<script language=”JavaScript” type=”text/javascript”>
// this brutally clears a password field in firefox
// compliments of verysimple.com
function clearPwBox()
{
if (document.getElementById)
{
var pw = document.getElementById(’MyPasswordFieldName’);
if (pw != null)
{
pw.value = ”;
}

}
}
window.setTimeout(”clearPwBox()”, 100);
</script>

Le principe est le suivant : on définit une fonction qui est appelée après 100ms et qui effectue notre initialisation par dessus le remplissage du champ par Firefox.

Violent, mais pour l’instant, il n’y a pas mieux. Espérons que les développeurs corrigent rapidement ce bug.

[ L’article sur VerySimple Dev Blog ]

Des DIVs arrondis en HTML/CSS

Published by gerben on octobre 18, 2007

Si vous avez déjà essayé de faire des cadres arrondis sur votre site web, vous savez combien c’est prise de tête. Généralement, on les met en forme avec des images correspondant aux coins.

Voici un article où l’auteur détaille sa façon de faire des cadres arrondis à l’aide de CSS.

Il dévoile sa technique pour faire des cadres de ce type :

RoundedCSS1

Mais aussi des cadres avec contour:

RoundedCSS2

Pour parvenir à ce résultat, il customise le style CSS de la balise « b » et l’utilise comme marqueur de bordure. Pas aussi propre que d’avoir une balise dédiée, mais bien pratique !

[ Image-free Rounded CSS Corners – Take 3 ]

Ce que tout programmeur devrait savoir sur la mémoire

Published by gerben on octobre 18, 2007

LWN.net propose un article bien complet sur le fonctionnement de la mémoire vive d’un ordinateur, l’accès aux données, les goulots d’étranglement…

Un petit exemple sur la structure CPU-Mémoire :

CPUMemory

Une telle structure a plusieurs conséquences importantes :

Toutes les communications d’un CPU à l’autre doivent passer par le même bus que celui utilisé pour communiquer avec le Northbridge.
Toutes les communications avec la RAM doivent passer par le Northbridge.
La RAM a un seul point d’entrée.
Les communications entre le CPU et un périphérique attaché au Southbridge passent par le Northbridge

Autant dire que le Northbridge a intérêt d’être large …

[ What every programmer should know about memory, Part 1 [LWN.net] ]

Partagez votre code à la mode 2.0

Published by gerben on octobre 4, 2007

Friendsnippets Connaissez vous les snippets ?

Il s’agit d’une idée qui remonte à bien longtemps (à l’époque, pas d’internet …) qui consiste à partager des bouts de code utilitaires afin que chacun puisse en profiter. Je me souviens par exemple de snippets permettant de compresser au format LZH.

Et bien voici Friendsnippets, le même principe, mais façon réseau social : tout le monde peut déposer un snippets, en chercher un, rajouter des tags, etc …

Pratique pour tous les développeurs qui veulent résoudre rapidement un problème (attention tout de même aux licences utilisées qui varient d’un programme à l’autre)

[ friendsnippets.com – Copiez, Collez, Partagez votre code ]

De la bonne gestion des images et figures en HTML

Published by gerben on octobre 1, 2007

Voici une astuce sympa trouvée sur A List Apart : Comment gérer automatiquement l’affichage d’images avec leur légende et auteurs dans une page web en prenant en compte la gestion des colonnes de la page.

Le gros avantage de ce système dans le cas d’une page avec de nombreuses images est d’avoir un rendu cohérent (style journal) en quart de colonne, tiers de colonne, demi colonne, etc…

Pour utiliser ce système, il suffit d’intégrer FigureHandler.js dans la page et de créer un nouveau FigureHandler en javascript, par exemple :

if( typeof( Prototype ) != ‘undefined’ &&
typeof( FigureHandler ) != ‘undefined’ ){
Event.observe( window, ‘load’, function(){
new FigureHandler; } );
}

Le FigureHandler scannera alors la page pour trouver des divs dont la classe commence par figure et appliquera un style correspondant au colonage (calculé en fonction de la taille de l’image et du div parent). On utilisera par exemple un div comme :

<div class= »figure photograph »>
<img src= »main-full-col.gif » alt= » » />
<p class= »credit »>Photo de <cite>Totor LeDeb</cite></p>
<p class= »caption »><em class= »title »>Figure 1</em> petit test.</p>
</div>

Concrètement, voilà ce que ça donne :

Sympathique, non ? Pour plus d’exemples, regardez la démo ci-dessous.

[ La démo ]

[ A List Apart: If I Told You You Had a Beautiful Figure… ]

[ FigureHandler sur Google Code ]