IdentifiantMot de passe
Mot de passe oublié ?Je m'inscris ! (gratuit)
Voir le flux RSS

ES2015

  1. Avatar de danielhagnoul

    Select multiple avec une limite et une réinitialisation

    par
    danielhagnoul
    , 19/04/2018 à 22h18
    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.
    ...

    Mis à jour 08/06/2018 à 10h33 par danielhagnoul (Licence)

    Catégories
    ES2015 , Javascript , Développement Web
    Commentaires 0 Commentaires
    En lire plus...En lire plus...
  2. Avatar de danielhagnoul

    Modifier une date en fonction d'une autre date

    par
    danielhagnoul
    , 31/03/2018 à 23h41
    C'est une question qui revient régulièrement sous des formes diverses, voici la dernière .

    Pour ce genre de problème, on a toujours tendance à renvoyer vers jQuery et jQuery UI DatePicker parce que cette solution est utilisable sur las navigateurs obsolètes.

    Mais les navigateurs d'aujourd'hui (Chrome, Firefox et Edge) disposent d'un calendrier avec <input type="date"> et il est très facile de s'en servir.

    Voici un exemple de formulaire ...

    Mis à jour 08/06/2018 à 10h35 par danielhagnoul (Licence)

    Catégories
    ES2015 , Javascript , Développement Web
    Commentaires 0 Commentaires
    En lire plus...En lire plus...
  3. Avatar de danielhagnoul

    [Actualité] Fonction recevant et retournant un objet

    par
    danielhagnoul
    , 30/03/2018 à 21h46
    Auteur : Bill Sourour
    Source : Elegant patterns in modern JavaScript: RORO

    Ce billet résume, en français, les avantages du modèle RORO (recevoir un objet, retourner un objet) de Bill Sourour.

    • Paramètres nommés
    • Paramètres par défaut et requis plus propres
    • Valeurs de retour plus riche et composition de fonction plus facile


    Paramètres nommés

    Supposons que nous ayons une fonction qui renvoie une liste d'utilisateurs dans un rôle ...

    Mis à jour 08/06/2018 à 10h36 par danielhagnoul (Licence)

    Catégories
    ES2015 , Javascript , Développement Web
    Commentaires 6 Commentaires
    En lire plus...En lire plus...
  4. Avatar de danielhagnoul

    Fichier dvjhUtilities-1.7.0.js

    par
    danielhagnoul
    , 30/03/2018 à 17h25
    Cette nouvelle version n'est pas rétro compatible, cela signifie que les codes construits sur les versions précédentes ne seront pas compatibles avec cette version.

    La version 1.7.0 présente plusieurs différences avec la version 1.5.1 et la version 1.6.0 (existe, mais n'a jamais été utilisée dans ce blog). 

    /*
 * dvjhUtilities.js
 * Version 1.7.0
 * 2018-03-30
 *
 * Daniel Hagnoul
 * 
 * Fonctions supprimées :
    ...

    Mis à jour 08/06/2018 à 10h37 par danielhagnoul (Licence)

    Tags: es2015, utilities
    Catégories
    ES2015 , Javascript , Développement Web
    Commentaires 0 Commentaires
    En lire plus...En lire plus...
  5. Avatar de danielhagnoul

    Comment faire du fading sur une background-image ?

    par
    danielhagnoul
    , 10/03/2018 à 21h46
    Suite à cette question, je me suis colleté avec le problème et cela me paraissait impossible au premier (CSS2) et au deuxième (CSS3) abord. Mais j'ai découvert que j'avais tord, car il suffit d'utiliser une transition-timing-function, pour le fading : transition: background-image 1s ease-in 0.5s; et transition: background-image 1s ease-out 0.5s;.

    Exemple :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<!--
    ...

    Mis à jour 08/06/2018 à 10h38 par danielhagnoul (Licence)

    Catégories
    ES2015 , Javascript , Développement Web
    Commentaires 0 Commentaires
    En lire plus...En lire plus...