(parenthese.be)

Activer automatiquement le premier champs d’un formulaire – Prototype

La saisie de données est et reste l’action la plus courante lorsque l’on visite un site web. S’il est vrai qu’il est souvent pénible à mettre en page, le formulaire HTML standard reste aussi une vraie plaie à compléter.

Une bonne pratique – très souvent oubliée, et par moi en premier – consiste à sélectionner automatiquement le premier champs disponible sur le formulaire. Cela permet en effet de supprimer une étape dans le processus de complétion : celle où l’utilisateur va devoir bouger sa main pour sélectionner ledit champs et, potentiellement, réfléchir et décider d’abandonner son action.

Pour éviter ce genre de désagrément, je vous propose donc la fonction suivante :

// Automagicaly select the first field of a form, if any, within the div#content
// (this exclude potential form within sidebar, footer, etc)
 
$(document).observe('dom:loaded', function(){
	var firstForm = $$('#content form').first();
	if(firstForm != null){
		var firstElement = Form.getElements(firstForm).find(function(element) {
		    return element.type != 'hidden' && !element.disabled &&
		    ['input', 'textarea'].include(element.tagName.toLowerCase());
		});
		if(firstElement != null)
		    firstElement.activate();	
	}
});

Source : How to select the first child form element (using prototype)?

En clair et en français : On recherche, au sein du div#content un éventuel formulaire. Si ce dernier existe, on recherche, parmis ses élements, le premier champs de type input ou textarea qui n’est ni désactivé ni caché, en somme, le premier champs de saisie de texte qui nous intéresse. Une fois ce champs trouvé, on lui donne le focus, tout simplement.

Désormais, vous n’avez plus d’excuses – et moi non plus.

Compilation de Nginx sur un VPS Gandi

Hier soir, j’ai effectué une petite opération de maintenance sur le VPS Gandi qui héberge ce blog. J’avais besoin de la dernière version stable de Nginx (0.7.59) alors que la version installée, fournie par les dépôts officiels, était la 0.5.33. (Pour plus de détails, voir l’article : Installation de Nginx sur un VPS Gandi)

J’ai par conséquent dû me rendre à l’évidence et compiler la dernière release depuis les sources. Cet article est un peu long et risque d’en décourager plus d’un, mais j’ai absolument tenu à ce qu’il soit le plus complet possible.

Commençons par télécharger les sources de Nginx depuis le site officiel. A l’heure où j’écris ces lignes, la dernière version stable est la 0.7.59.

cd /opt
wget http://sysoev.ru/nginx/nginx-0.7.59.tar.gz
tar -zxfv nginx-0.7.59.tar.gz
cd nginx-0.7.59

Si l’on s’en tient à la documentation, il suffit d’exécuter le script de configuration. Ayant auparavant utilisé une version installée depuis les dépôts officiels d’Ubuntu, nous allons indiquer au script où installer le programme et où se situent les fichiers de configuration.

De plus, nous allons configurer Nginx pour pouvoir utiliser le module http_stub_status, qui nous permettra de récupérer les statistiques d’utilisation du serveur.

./configure --with-http_stub_status_module --prefix=/etc/nginx --sbin-path=/usr/sbin/nginx --conf-path=/etc/nginx/nginx.conf

Une petite explication s’impose :

with-http_stub_status_module : compiler Nginx avec le support du module http_stub_status
prefix : Précise à Nginx le répertoire d’installation, par défaut /usr/local/nginx
sbin-path : Précise le chemin de l’exécutable, par défaut <prefix>/sbin/nginx
conf-path : Précise le chemin du fichier de configuration principal. Par défaut <prefix>/conf/nginx.conf
Toutes les options de compilation sont disponibles dans la documentation officielle : Nginx Install Options

Si vous avez un doute quant aux valeurs à passer aux options de compilation, vous pouvez localiser l’emplacement de l’exécutable avec la commande which :

akyrho@gus:~$ which nginx
/usr/sbin/nginx

Quant au fichier de configuration, utilisez la commande locate pour le retrouver. Vous pourrez également en déduire la valeur de l’option prefix :

akyrho@gus:~$ locate nginx.conf
/etc/nginx/nginx.conf
/etc/nginx/nginx.conf.default

Si la configuration s’est bien déroulée, vous devriez voir ceci dans votre terminal :

nginx path prefix: "/etc/nginx/"
nginx binary file: "/usr/sbin/nginx"
nginx configuration prefix: "/etc"
nginx configuration file: "/etc/nginx/"
nginx pid file: "/etc/nginx//logs/nginx.pid"
nginx error log file: "/etc/nginx//logs/error.log"
nginx http access log file: "/etc/nginx//logs/access.log"
nginx http client request body temporary files: "client_body_temp"
nginx http proxy temporary files: "proxy_temp"
nginx http fastcgi temporary files: "fastcgi_temp"

A ce stade, il ne nous reste plus qu’à lancer la compilation et à aller chercher un café :

make
sudo make install

Si tout s’est bien déroulé, vous devriez pouvoir relancer Nginx :

sudo /etc/init.d/nginx restart

Et c’est terminé

La détections des navigateur en JavaScript (Prototype, Mootools et jQuery)

Les intégrateurs le savent bien, certains navigateurs ont ~~parfois~~ un comportement bizarre. Les problèmes les plus connus touchent généralement la mise en page, mais l’utilisation du javascript peut également poser certains problèmes.

La solution la plus rapide consistera à tester le navigateur du visiteur et d’agir en fonction. Pour ce faire, les trois principaux framework javascript disposent chacun de méthodes permettant de faire cette distinction assez facilement.

Pour distinguer IE des autres navigateurs, nous utiliserons donc le test suivant (Prototype) :

if (Prototype.Browser.IE) {
// Internet Explorer
} else {
// Autres (Mozilla, Opera, etc.)
}

Source : vinch.be

De même, avec Mootools :

if (Browser.Engine.trident){
// Internet Explorer
}else {
// Autres (Mozilla, Opera, etc.)
}

Source : geoffray.be

Et pour terminer, avec jQuery :

if ($.browser.msie){
// Internet Explorer
}else {
// Autres (Mozilla, Opera, etc.)
}

Source : jQuery

Les exemples listés ci-dessus ne permettent que de distinguer IE des autres navigateurs, mais il est bien évidemment possible de distinguer d’autres navigateurs et/ou de pousser les tests jusque dans les versions des logiciels.

Les Caricoles – Papy Chapeau

Depuis maintenant plus d’un an, So fait régulièrement des photos pour Les Caricoles, un groupe d’éthno-folk issus des plaines brabançonnes (sic).

Le 7 mai dernier, le groupe avait invité ses proches pour la toute première diffusion de son premier clip : Papy Chapeau.

Les Caricoles – « Papy Chapeau»

Ca va laisser des traces

Un énorme merci à 1MD qui m’a fait livrer ce joli cadeau :