Tous les billets

2014-11-27 : Création d'un objet à partir d'un fragment du DOM

Il n'est pas rare de voir une débauche de nom de classes et d'ID dans un code HTML, particulièrement lorsqu'il s'agit des éléments d'un formulaire. On constatera souvent un usage partiel de cette panoplie de sélecteurs, mais on vous répondra qu'il faut prévoir les usages futurs.

En pratiquant de cette manière on alourdit le code HTML et en JS on grève les performances en multipliant les constructions de ...

/*
* dvjhUtilities.js
* Version 1.8.0
* 2018-06-02
*
* Daniel Hagnoul
*
* Fonctions supprimées :
* rien.
*
* Fonctions ajoutées :
* kCreateFormDOMObject(elemForm = kRequiredParamVerbose({
param: "elemForm",
type: "htmlFormElement",
info: "un élément FORM"
}),
boolChildren = true

...

L'utilisateur doit pouvoir se tromper ou changer d'avis, il doit donc y avoir un "reset" disponible.

C'est la gestion de ce "reset" qui a été la partie la plus énervante de ce code. J'ai découvert qu'il est impossible de mélanger un <input type="reset"> avec un document.querySelector( 'maForm' ).reset().

De même, un dispachEvent() sur le "reset" ou un document.querySelector( 'maForm' ).reset() sont capricieux.
...

C'est une question qui revient régulièrement sous des formes diverses, voici la dernière .

Pour ce genre de problème, on a toujours tendance à renvoyer vers jQuery et jQuery UI DatePicker parce que cette solution est utilisable sur las navigateurs obsolètes.

Mais les navigateurs d'aujourd'hui (Chrome, Firefox et Edge) disposent d'un calendrier avec <input type="date"> et il est très facile de s'en servir.

Voici un exemple de formulaire ...

Auteur : Bill Sourour
Source : Elegant patterns in modern JavaScript: RORO

Ce billet résume, en français, les avantages du modèle RORO (recevoir un objet, retourner un objet) de Bill Sourour.

• Paramètres nommés
• Paramètres par défaut et requis plus propres
• Valeurs de retour plus riche et composition de fonction plus facile

Paramètres nommés

Supposons que nous ayons une fonction qui renvoie une liste d'utilisateurs dans un rôle ...