Toujours quelque chose à dire...

Safari au Kenya

Laurent — Wed, 26 Oct 2011 13:57:00 +0200

Vous avez envie de voir des vidéos d'un safari au Kenya ? Suivez le lien : vidéos safari au Kenya.

Modifier une règle CSS en JavaScript

Laurent — Thu, 11 Aug 2011 19:11:00 +0200

Comment accéder à une règle CSS dans une feuille de style par le DOM et modifier une déclaration ?

Il existe plusieurs façons d'accéder aux règles CSS d'une feuille de style par le DOM.

En supposant qu'on veuille accéder aux règles de la première feuille de style, qui est déclarée dans la deuxième balise du "head" (après un "title" par exemple), voici comment faire :

1) en passant par le "head"

var head = document.getElementsByTagName('head')[0];
var style1 = head.children[1];
//dans IE :
//var regles = style1.styleSheet.rules;
//dans les autres navigateurs :
//var regles = style1.sheet.cssRules;
var regles  = (style1.sheet)?style1.sheet.cssRules:style1.styleSheet.rules;

(on peut faire une boucle sur head.children[i] et tester que head.children[i].tagName == "STYLE" )

2) sans passer par le head :

var feuille1 = document.styleSheets[0];
//dans IE :
//var regles = feuille1.rules;
//dans les autres navigateurs :
//var regles = feuille1 .cssRules;
var regles = feuille1.cssRules || feuille1.rules;

La deuxième façon me semble plus simple car plus directe.

Ensuite, pour modifier une déclaration de la règle numéro x, (display = block par exemple) :

regles[x].style.display = 'block';

Pour trouver la bonne règle, on peut tester le sélecteur :

if (regles[x].selectorText == "div.maclasse") {
//... ;
}

Ajax et cache HTTP

Laurent — Thu, 04 Aug 2011 17:54:00 +0200

Une requête XmlHttpRequest contenant un header "Cache-Control: no-cache" ne devrait-elle pas outrepasser le cache HTTP du navigateur ? Il semble que ce ne soit pas le cas, sauf dans Chrome.

Voici mon problème. J'ai développé un mashup de reporting qui va chercher des données journalières via une API REST. Je passe par un script proxy pour pouvoir faire mes requêtes. Le serveur est très lent (plusieurs minutes pour répondre...), j'ajoute donc 12h de cache dans la réponse renvoyée par le proxy. Je peux ainsi recharger mon mashup pendant la journée sans attendre.

Les données ne changent théoriquement pas pendant la journée. Exceptionnellement, il peut y avoir une mise à jour dans la journée. J'ai donc besoin d'un bouton "réactualiser" dans ce cas, quand je veux des données fraîches. D'où ma tentative d'utiliser "Cache-Control: no-cache" dans la requête, comme un navigateur fait quand on réactualise par un Ctrl+F5 ou Ctrl+R. Malheureusement, les navigateurs (FF5, IE7, Opera 11.5) ne semblent pas en tenir compte, ils me renvoient toujours les données en cache, sauf Chrome.

Le fait que ça marche dans Chrome me fait dire que mon idée n'était pas si mauvaise. Est-ce une mauvaise implémentation du cache (dans le cas de XMLHttpRequest) par les navigateurs ? Qu'en pensez-vous ?

Il y a 30 ans...

Laurent — Wed, 08 Dec 2010 11:49:00 +0100

...disparaissait John Lennon, le 8 décembre 1980 donc. Pour lui rendre hommage, voici un extrait de son dernier album, Double Fantasy, sorti quelques semaines avant sa mort.

Accédez à l'intégralité de la playlist Double Fantasy sur Deezer.

Mesure et démesure

Laurent — Sun, 28 Nov 2010 19:43:00 +0100

Voici un petit problème que je te trouve très intéressant et que j'aime faire découvrir. Prenez une longue ~~ficelle~~corde et faites un tour autour de la Terre. À défaut d'avoir sous la main la longueur idoine, imaginez-là. C'est bon, vous la visualisez bien ? Rallongez maintenant la corde d'un mètre. Nouez les deux extrémités (on néglige la perte de longueur dû au noeud). Vous avez donc un cercle en corde donc la circonférence est celle de la Terre plus un mètre. Disposez-la en tout point à égale distance de la Terre. Vous avez donc réalisé^[1] un anneau autour de la Terre; la corde est en orbite autour de la Terre.

Question maintenant : quel être vivant peut passer sous la corde ? Une bactérie ou un lapin ? Je précise qu'il n'y a aucun piège. Ne cherchez pas la difficulté. On suppose que la Terre est bien ronde^[2]. Il n'y a pas de cas particulier, pas d'océan ou de montagne : la bactérie et le lapin sont sur la terre ferme. Je vous laisse réfléchir avant d'en dire plus...

Un petit indice : il n'est pas nécessaire de connaître la circonférence de la Terre, le résultat est indépendant de cette valeur.

NB : le titre "Mesure et démesure" est emprunté à une exposition de la Cité des Sciences et de l'Industrie en 1995-1996.

Notes

[1] ceci est une syllepse

[2] et la Lune est si blonde...

Extension Firefox pour les méthodes PUT et DELETE

Laurent — Mon, 18 Oct 2010 13:53:00 +0200

Grâce à l'extension Poster, on peut facilement fabriquer des requêtes PUT, DELETE et autres. On peut ainsi facilement tester une implémentation côté serveur.

REST encore un peu

Laurent — Fri, 01 Oct 2010 17:45:00 +0200

Si vous vous posez des questions sur le style d'architecture REST, les états (state) et le sans-état (stateless), je vous invite à lire les pages 78 à 84 du pdf suivant : RESTful Web Services par John Cowan.

Implémenter les méthodes PUT et DELETE

Laurent — Wed, 08 Sep 2010 17:49:00 +0200

Cet article vous présente comment démarrer des développements simples en utilisant les méthodes HTTP PUT et DELETE

~~Tout le monde~~ Tous les développeurs Web connaissent les méthodes GET et POST qui peuvent être utilisées pour envoyer des données de formulaire.

Mais il existe d'autres méthodes dans le protocole HTTP, notamment PUT qui peut être utilisée pour créer des ressources et DELETE pour en supprimer. Ces méthodes ~~sont~~ doivent être utilisées par exemple dans un style d'architecture REST. M'intéressant à REST, j'ai voulu voir concrètement comment on pouvait utiliser ces méthodes.

Voici donc un petit résumé des tests que j'ai réalisés, sur base WAMP.

Déjà, côté navigateur, la seule façon d'après moi d'utiliser PUT ou DELETE, c'est avec XMLHttpRequest. J'ai essayé à tout hasard l'attribut method d'un formulaire, mais le navigateur envoie toujours un GET dans ces cas là (c'est conforme à la spec HTML 4 qui n'admet que 2 valeurs comme méthode de formulaire).

Côté serveur, ça se complique. J'ai trouvé deux possibilités.

La 1ère, au niveau Apache. Apache a 2 modules (mod_dav et mo_dav_fs) qu'on peut activer. Il faut ensuite ajouté 2 lignes dans le httpd.conf (Voir la [documentation des modules Apache|http://httpd.apache.org/docs/2.2/mod/mod_dav.html|en] pour plus d'infos).
```
DAV On
...
DAVLockDB "E:/appft/poleweb2/tests/DAVLock"
```
C'est très limité comme truc. Ça permet juste de créer ou de supprimer un fichier. Donc si on veut manipuler des données en base, ça ne va pas.
La deuxième, en PHP (ou tout langage de script). Il faut quand même ajouter un petit truc dans la conf apache...
```
< Directory "E:/www/" >
...   
Script PUT /tests/put.php
</Directory >
```
C'est juste un exemple, on peut le mettre ailleurs que dans un Directory (voir la documentation PHP sur PUT). En tout cas, ces lignes de configuration disent au serveur d'envoyer les requêtes PUT vers un certain script. A lui de faire le travail, en récupérant les données envoyées. Le lien précédent sur php.net fournit également un exemple. Idem pour DELETE.

Voilà où j'en suis arrivé. Je ne compte pas aller plus loin pour l'instant.

Vous trouverez plus de détails sur ces méthodes dans la RFC 2616 sur HTTP 1.1 (traduite en français).

Les trulli et les sassi

Laurent — Tue, 30 Mar 2010 19:05:00 +0200

Quel titre bizarre, n'est ce pas ? Pas tant que ça en fait. Il s'agit en fait de deux mots italiens, qui désignent deux curiosités architecturales.

Les trulli sont des habitations typiques dans les Pouilles, à Alberobello notamment. Ce sont des petites maisons en pierre à chaux. Les toits coniques sont constitués de pierres plates.

Les sassi sont des habitations troglodytiques, dans la ville de Matera.

Si vous voulez dormir dans un sasso, vous pouvez vous rendre chez Carla et Vincenzo.

Les trulli et les sassi sont classés au patrimoine mondial de l'UNESCO.

Le gagnant est...

Laurent — Thu, 25 Mar 2010 10:57:00 +0100

Le jeu est terminé depuis hier. Le gagnant a été tiré au sort et le coupon lui a été envoyé. Merci à tous ceux qui ont participé.

Gagner un nom de domaine

Laurent — Sun, 14 Mar 2010 16:53:00 +0100

J'organise un petit jeu pour faire gagner un nom de domaine pendant un an. Il s'agit plus précisément d'offrir un bon obtenu pour les dix ans de Gandi.

Ce jeu est ouvert jusqu'au mercredi 24 mars 2010 à 12h.

Pour jouer, il suffit d'envoyer par SMS JOUER suivi de votre numéro de téléphone au 31244 (ex : JOUER 0601234567 ).

Ceci n'est valable que depuis la France.
Le SMS vous sera facturé au prix normal.

A l'issue de cette période, je tirerai au sort un numéro. La personne recevra le bon par SMS.

Il est valable jusqu'au 31 mars 2010 , pour les extensions .fr, .tel, .com, .net, .info, .me, .mobi, .be, .uk et .eu. Vous aurez donc une semaine pour réserver votre domaine.

Si vous avez des questions, n'hésitez pas à laisser un commentaire.