danielhagnoul

Rédacteur

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

En lire plus...

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();

En lire plus...

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

En lire plus...

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

En lire plus...

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

En lire plus...