Javascript

JavaScript incorpore sans cesse des nouveautés et des améliorations en assurant une compatibilité ascendante, mais il oublie quelque chose.

L'aspect positif : cela lui permet de faire tourner d'anciens codes.

L'aspect négatif : certains utilisateurs, même de nouveaux utilisateurs du langage, se complaisent à utiliser des vieilleries alors que le langage dispose d'instructions plus performantes, parfois depuis longtemps.

Certes, on fait un peu de ménage ...

La fonction kFromToDatas aurait bien entendu du s'appeler kFormToDatas() !

Ajout de cette fonction pour corriger sans casser la rétrocompatibilité.

Code HTML :

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

<script src="https://danielhagnoul.developpez.com/lib/dvjh/dvjhUtilities-1.8.1.js"></script>

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
/*
 * dvjhUtilities.js
 * Version 1.8.1
 * 2018-06-09
 *
 * Daniel Hagnoul
 * 
 * Fonctions supprimées : 
 *  rien.
 * 
 *

...

Dans les billets précédents, Form2 et Form3, nous avons souvent utilisé des codes JS qui ont une base commune :

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
dvjhUtilitiesBoolDebug = true;
 
const elemForm = k$('#myForm');
 
if (kFormNameUnique(elemForm)) {
    const oElemForm = kCreateFormDOMObject(elemForm);
 
    console.log(kLogVars `L'objet oElemForm contient les propriétés : ${ oElemForm }`);
 
    elemForm.addEventListener('submit', ev => {
        ev.stopPropagation();

...

Suite de :

• Form 1 : rappel des billets et fonctions existantes. Introduction du sujet.
• Form 2 : La fonction kFormNameUnique.

La fonction kCreateFormDOMObject crée un objet DOM contenant un lien vers chaque élément nommé (name ou data-name pris en compte) composant le formulaire.

Code JavaScript :

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

1
2
3
4
kCreateFormDOMObject(elemForm = kRequiredParamVerbose({
    param: "elemForm",
    type: "htmlFormElement",
    info: "un élément

...

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