|
FancyBox et balise <pre> sous IELe 31 août 2009 à 19:06 ♥ classé dans Ce blog |
Je suis bien désolé pour les utilisateurs du logiciel Microsoft Internet Explorer. Non seulement parce qu’ils ne se rendent pas compte qu’ils utilisent le pire navigateur Internet qui soit, mais aussi parce que depuis l’article précédent sur la vue panoramique du beffroi, ils n’avaient plus accès au Journal de Julien ci-présent. Je ne m’en étais pas rendu compte, évidemment: j’utilise Mozilla Firefox, navigateur capable de comprendre et d’interpréter un code source valide de site Internet.
Que s’est-il passé ?
Pour publier cette photographie panoramique, j’ai installé un nouveau plugin sur le moteur de ce blog WordPress. Le plugin s’appelle LightBox2, c’est grâce à ce morceau de programme supplémentaire que vous pouviez (non-pas avec Internet Explorer mais avec tous les autres navigateurs dignes de ce nom) ouvrir l’agrandissement de l’image en surimpression sur la page actuellement lue.
Suite aux divers appels de ma fidèle lectrice Isabelle qui se plaignait de ne plus avoir accès au Journal de Julien, j’ai tout-de-même voulu vérifier l’afficage sous IE. Et là, catastrophe! Oui, catastrophe comme toujours lorsqu’on développe un site et qu’on le contrôle sous IE. Merci Isabelle!
Le plugin LightBox2 programmé par Lokesh Dhakar empêchait carrément le site de s’ouvrir… sous IE.
Il semble qu’il y ait un problème dans la fonction PHP nommée lightbox_wp_head() mais je n’ai pas cherché à le résoudre. J’ai effacé le plugin et je l’ai remplacé par un autre.
Son successeur est basé sur la bibliothèque javascript jQuery et s’appelle FancyBox. Il s’installe en un seul clic, fonctionne à ravir sous tous les navigateurs que j’ai essayés, et rend même un affichage plus joli qu’une lightbox: l’image agrandie prend pour taille maximale la largeur de la fenêtre du navigateur client, c’est-à-dire que vous n’avez pas besoin de dérouler de gauche à droite pour faire défiler l’image si elle est trop grande, c’est elle qui s’adapte. Et puis il y a une petite animation paramétrable etc. Bravo… (je ne connais pas le nom du développeur).
Seconde horreur: la balise pre
Autre désagréable surprise sour IE: les textes cités dans les balises HTML <pre> étaient formatés n’importe comment, sortaient de la colonne principale, ce qui faisait que tout le site était dézingué (menus censés se trouver à droite descendus en bas de page etc).
Comme d’habitude, il a fallu trouver un « hack » pour faire fonctionner le formatage des balises de citation dans IE. Ce code, je vous le poste ici, dans des balises @ltpre>! :
pre {
width: 450px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
Cette définition de style en langage CSS permet la césure automatique des phrases et force le retour à la ligne en fin de largeur. Ici la largeur paramétrée est 450 pixels.
Le Journal de Julien s’est refait une beauté, du moins pour les utilisateurs de IE, mais que cela ne les empêche en rien de « switcher* » ! (*changer de système)
| 3 commentaires » |
A la fin du XIVème siècle, les travailleurs arrageois commençaient la construction d’un édifice utile à la communauté: le beffroi, tour de guet gigantesque au sommet de laquelle les gens perchés pouvaient prévenir des incendies et des attaquants. Il fallut presqu’un siècle pour que s’élève le monument en raison de multiples guerres et destructions. En 1667, un lion en métal fut posé sur sa cime. Geste non-anodin: l’animal tient entre ses pattes avant un soleil, clin d’oeil de prestige au passage du roi Louis XIV la même année dans la ville. (On constatera que le Conseil régional n’a pas ajouté un lion tenant un iPod pour mon passage.)






Une tarte aux brocolis, délicieusement préparée, peut facilement être mangée dans son intégralité. Il y a bien sur une astuce, à peine perceptible. Il suffit de ne pas mettre de pâte. Et voilà ! Ce n’est plus une tarte mais une sorte de soufflet aux légumes. Or, n’entend-on pas à la radio qu’il faut manger au moins 5 fruits et légumes par jour pour rester en forme ? Je conseille par exemple 5 pastèques et 5 citrouilles. Ce n’est pas précisé si c’est au cours de la journée ou à chaque repas.

Moi j’ai ça ! Un Storm Launcher. Jouet Club a fermé les portes de son magasin en centre ville d’Arras. Tout a été liquidé, et surtout cet étrange appareil radiocommandé qui était vendu en temps normal au prix de 100 euros, et dont la propriété m’a été cédée moyennant une remise de 60%, c’est-à-dire pour 40 euros. Une affaire ? Je me pose encore la question. Avant-même d’arriver en caisse, je trouvais déjà fort douteux que l’emballage ne laisse pas entrevoir le moindre centimètre carré du jouet. De plus, il n’y a que des représentations dessinées sur cette boîte, aucune photo. Je ne m’attendais donc pas à être agréablement surpris. Pour en finir avec cette boîte avant de l’ouvrir, notons tout-de-même l’excellent slogan, fruit d’un groupe de travail dans un pays sans nul doute fortement industrialisé: « vole dans un parc ».


