javascript
J’éprouve une certaine attirance pour le Javascript. Il est à la fois souple et très puissant, permettant désormais des effets d’animations et des chargements dynamiques de contenu rendant l’expérience utilisateur plus riche sans pour autant alourdir le comportement du navigateur.
Découvrez ici mes astuces et codes liés au Javascript.
Passer le datepicker de jQuery UI en Français
Je me sert assez fréquemment du datepicker fourni avec jQuery UI, mais, j’ai aussi très souvent besoin que les jours, les mois et le format de dates soient en Français.
Pour passer le datepicker en Français, je m’étais fait un petit snippet dans lequel j’avais placé les paramètres à appliquer lorsque je déclare le plugin jQuery pour lui fournir les informations nécessaires à la traduction…
Mais depuis peu, je me suis aperçu qu’il exite des fichiers tout prêts pour ça :
http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/
Il suffit de choisir la langue souhaitée, puis d’inclure (ou copier) le fichier correspondant juste après avoir inclus jQuery UI.
Et voilà ^^
Cache du contenu statique en .htaccess
Le temps de chargement des pages est (depuis longtemps) un point crucial dans le développement web. Il existe de nombreuses façons d’accélérer ce temps de chargement, dont une, la mise en cache par le navigateur des éléments statiques. › Lire la suite
Manipuler les checkbox avec jQuery sous IE
Très récemment, IE m’a posé un léger problème avec sa gestion bien lourdingue des événements, et notamment le change.
J’ai eu besoin d’utiliser les événements sur des checkbox pour réaliser des filtres d’affichage pour Google Maps. › Lire la suite
Firefox 3.5 rc3 est disponible
La team Mozilla travaillant sur le navigateur “star” de l’open-source a publié ce matin la version 3.5 rc3 de Firefox.
Pour rappel, Firefox 3.5 apporte de nombreuses améliorations portant principalement sur la rapidité d’exécution et de rendu des pages (nouveau moteur Gecko, traitement Javascript plus rapide, etc …) mais également (ou surtout) le support du HTML5. › Lire la suite
Résoudre le bug Google Maps vs IE7
IE7 (bouh !) n’est pas un navigateur de compet’, c’est comme ça, c’est dans ses gènes. Malheureusement, il n’en reste pas moins le navigateur le plus utilisé par le grand public (nous, les geeks/nerds, bref l’élite … on tourne avec Firefox, Opera, Chrome ou Lynx pour les plus hardcore ^^)
Donc, IE7 (bouh !) est très utilisé. J’ai été contacté par un client la semaine dernière qui avait un bug avec une carte Google Maps qu’il avait intégré dans de nombreuses pages de son site : Sa carte ne s’affichait pas correctement sous IE7 (bouh !), en effet, celle-ci présentait un affreux carré gris sur toute la moitié droite.
J’ai d’abord pensé à un problème de HTML mal formé (pas standard…), mais même en le rendant plus propre ça ne changeait rien…
Ensuite, j’ai pensé à un problème de gestion des ressources mémoires par IE7, mais même pas. La mémoire était bien libérée à chaque fermeture/changement de page.
Puis, en fouillant sur le net, je suis tombé sur THE SOLUTION ! En fait, lorsque vous souhaitez afficher une carte Google Maps, vous définissez un cadre (<div …>) auquel vous donnez une taille (en css : height et width …) Ensuite, vous “lancez” l’affichage de la carte en créant un nouvel objet (GMaps() auquel vous précisez le cadre à utiliser) . Ça marche, pour quasi-tous les navigateurs.
Malheureusement, IE7 n’est pas très fort (les standards, toussa …), et n’est même pas capable d’aller relire les dimensions du cadre pour y coller la carte… Donc, il faut “forcer” cette taille lors de la création de l’objet GMaps en lui donnant un paramètre supplémentaire qui est un objet de type GSize()….
Voici donc la syntaxe finale, c’est cadeau, ça me fait plaisir :
var maCarte = new GMaps(“#monDiv”,new GSize(800,600));