Voir le flux RSS

danielhagnoul

  1. Visual Studio Code : création et utilisation d'un snippet

    par , 03/06/2018 à 13h12
    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();
    ...

    Mis à jour 08/06/2018 à 11h24 par danielhagnoul (Licence)

    Catégories
    Javascript , Développement Web
  2. Form 3 : Les fonctions kCreateFormDOMObject et kFromToDatas

    par , 03/06/2018 à 12h36
    Suite de :



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

    Mis à jour 08/06/2018 à 11h29 par danielhagnoul

    Catégories
    ES2015 , Javascript , Développement Web
  3. Form 2 : La fonction kFormNameUnique.

    par , 03/06/2018 à 12h07
    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 ...

    Mis à jour 08/06/2018 à 11h30 par danielhagnoul (Licence)

    Catégories
    ES2015 , Javascript , Développement Web
  4. Form 1 : rappel des billets et fonctions existantes. Introduction du sujet.

    par , 03/06/2018 à 11h51
    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 ...
  5. Fichier dvjhUtilities-1.8.0.js

    par , 03/06/2018 à 11h37
    /*
    * 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
    ...

    Mis à jour 23/03/2019 à 01h28 par danielhagnoul

    Catégories
    ES2015 , Javascript , Développement Web