Javascript

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

...

MDN, en français, c'est https://developer.mozilla.org/fr/

La version anglaise (https://developer.mozilla.org/en-US/) est devenue de facto la base de connaissance "officielle" pour le développeur web (HTML, CSS, JS) car Mozilla a reçu le soutien de Microsoft et de Google (https://blog.mozilla.org/blog/2017/1...mentation-mdn/).

C'est très simple, dans Chrome et Firefox, il suffit ...

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.
...

Si vous êtes un nodiste (un utilisateur de node) ce problème ne vous concerne pas puisque vous pouvez pratiquement tout modifier (fichier pug, le nouveau nom de jade, et les fichiers JS liés à la page web) à chaud et il vous suffit d'actualiser la page web pour voir les modifications (note en bas de page pour ceux qui savent).

Pour les autres, chaque fois que l'on touche au contenu d'un fichier (HTML, PHP, JS ou CSS) et que l'on actualise la page du navigateur pour voir les modifications ...