CreateTextNode, CSS !important et Maxthon
Lors des dernières semaines, j'ai travaillé avec un collègue à refaire la calculatrice hypothécaire sur le site La Capitale Vendu.com.
Cet outil utilise beaucoup de Javascript et Ajax et j'en suis venu à la situation dans laquelle je voulais mettre une espace insécable (non breaking space nbsp) dans la fonction createTextNode ce qui ne fonctionne pas aussi simplement qu'on oserait le croire!
La solution?
Mettre \u00a0 pour représenter le caractère de l'espace insécable! C'est la représentation UTF-8 du caractère.
Ensuite, la page de la calculatrice présente plusieurs scénarios et chacun de ceux-ci a son propre bouton pour sa version pour impression. Voulant à tout prix éviter le pop-up avec seulement l'information par rapport au scénario choisi, voulant profiter au maximum de ma feuille de styles print.css, j'ai fait en sorte que l'icône d'imprimante change la classe css d'un élément div parent et le print.css devait se charger du reste. Cela étant dit, puisque j'utilise des effets scriptaculous et autres certains éléments se voyaient attribuer un attribut style avec des display: none display: block ou height: 0px ou height: auto ce qui m'empêchait de bien contrôler tout ce que je voulais imprimer.
La solution?
CSS permet l'ajout d'une directive !important permettant de passer par dessus l'attribut style tout puissant spécifier inline.
- display: none !important;
C'est génial ce qu'on peut faire avec ce truc!
En terminant cette chronique du développeur Web, quelques mots sur Maxthon, un navigateur qui semble être basé sur Internet Explorer mais en mieux selon ce que je comprends. J'en déduis qu'il s'adresse principalement aux gens désespérés devant l'agissement d'Internet Explorer, n'étant pas au courant de la présence et même de l'existence de Firefox! Maxthon présente une liste de fonctionnalités intéressantes, mais rien qui n'est pas disponible avec Firefox et ses extensions. Après quelques tests Acid, je reste avec Firefox! Si vous désirez un autre navigateur que Firefox ou Internet Explorer, pensez donc à Opéra!