Dans le cadre de mon projet actuel, j’ai eu l’occasion d’utiliser la librairie javascript Prototype que je connaissais mais que je n’avais jusque là pas utilisée.
Cette librairie permet de rajouter des méthodes, des raccourcis au langage javascript en étant en plus multi-navigateur. Vous n’aurez donc plus à vous préoccuper de savoir si votre code js fonctionne sur IE (par exemple 😉 ).
La version actuelle est la 1.6.2 et est disponible ici.
2 petits exemples de fonctions raccourcis très utiles:
- La fonction $() est un raccourci pratique pour la fonction DOM très souvent utilisée document.getElementById().
- La fonction $F() est un autre raccourci appréciable. Elle retourne la valeur de n’importe quel contrôle de saisie, tel que input type=’text’ ou select. La fonction accepte indifféremment en argument l’id de l’élément ou l’élément lui-même.
Prototype permet également de faire de l’AJAX.
Voici quelques liens utiles :
- http://www.prototypejs.org/api : La documentation de prototype
- http://scripteka.com/ : Un site regroupant des plugins/librairies basé sur prototypes (en anglais)
- http://thinkweb2.com/projects/prototype/ : un blog sur prototype très intéressant (en anglais).
- http://thinkweb2.com/projects/prototype-checklist/ : Un guide des bonnes pratiques prototype (en anglais).
- Une documentation en français un peu vieille (version 1.4 de Prototype) mais intéressante pour débuter pour ceux qui ne parle pas la langue de Shakespeare.
Qu’est ce que cette librairie apporte?
Une simple facilité de développement (car elle gère le multinavigateur par exemple) ou bien propose t’elle plus?
As-tu des exemples?
Prototype permet de faciliter le développement Javascript. Des méthodes ont été rajouté à des objets existant et de nouveaux objets ont été crées.
Par exemple, des méthodes ont été rajoutés à l’objey String comme : stripTags() (enlève les balises), stripScripts() (enlève les scripts JS), extractScripts() (renvoie les scripts JS), evalScripts() (exécute les scripts JS), escapeHTML(), unescapeHTML(), toQueryParams() (à partir d’une requête, renvoie ses paramètres GET sous forme d’objet anonyme), toArray(), camelize(), etc …
Il permet également d’utiliser JSON : un format d’échange de données très à la mode.
Les classes Object, Number, Function, Array et Event, ainsi que l’objet document du DOM, ont également de nouvelles méthodes et propriétés. Object.extend(), Number.toColorPart(), Function.bind(), Array.compact(), Event.findElement() et document.getElementsByClassName() sont quelques exemples des possibilités offertes.
D’ailleurs de nombreuses autres librairies utilisent prototype comme base :
Rico, MooFX, Behaviour et script.acu.lous. Ruby on Rails l’intègre par défaut pour ses évènements JavaScript.
J’avais un problème d’apostrophe qui devait passer d’un champ MySQL, à un fichier XML(PHP), mis en forme par du XSL coté navigateur qui prépare le contenu d’un eval pour le onload de la page (ouf!).
La solution html ' était interprétée en chemin et me générait une erreur javascript en final.
Merci pour l’astuce du x27 qui fonctionne parfaitement (je fais un insert de ‘\x27’ dans ma base MySQL).