Développement Web

Suite de Form 1 : rappel des billets et fonctions existantes. Introduction du sujet.

Pour créer un objet DOM à partir d'un FORM, en utilisant la valeur des attributs name pour nommer les propriétés de l'objet, il faut maîtriser l'unicité des noms.

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
kFormNameUnique(elemForm = kRequiredParamVerbose({
  param: "elemForm",
  type: "htmlFormElement",
  info: "un élément Form"
}))

Cette fonction assure ...

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