Tous les billets

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const kIDUnique = () => {
  // Un ID doit être unique dans la page web
  let
    kSetID = new Set(),
    kN = 0;
 
  for ( let elem of k$all( "[id]" ) ){
    kN = k$all( "#" + elem.id ).length;
 
    if (  kN > 1 ){
      kSetID.add( `Il existe ${ kN } exemplaires de l'ID ${ elem.id }. Il n'est pas unique !` );
    }
  }
 
  if ( kSetID.size > 0 ){
    kerror(

...

La version 1.3.0 regroupe les "bouts de code" utiles fournis dans les billets précédents. Je m'en sers tous les jours.

Ce fichier utilise moment.js

Pour le tester :

Code HTML :

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

1
2
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<script src="http://danielhagnoul.developpez.com/lib/dvjh/dvjhUtilities-1.3.0.js"></script>

Pour le copier :
...

Je vous propose uniquement les modifications que j'utilise tous les jours depuis quelques semaines.

Quatre simplifications (taper moins de code) :

Code JavaScript :

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

1
2
3
4
5
const
  k$ = selector => document.querySelector( selector ),
  k$all = selector => Array.from( document.querySelectorAll( selector ) ),
  klog = ( ...args ) => { console.log( args.join(" ") ) },
  kerror = ( ...args ) => { console.error( args.join(" ") ) };

...

Sommaire

1. Introduction
2. Mise en place de l'environnement
3. Squelette du projet
4. Importation d'un module externe TypeScript
5. Importation d'un module externe ES2015
6. Importation d'un fichier JavaScript à plat ...

Code du générateur d'ID

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/*
 * Générateur d'ID unique
 *
 * str : le nom des ID
 * n : le nombre d'ID
 */
const kGeneratorID = function*( str = 'node', n = 1 ){
  let
    i = 0,
    j = 0,
    r = '',
    nb = 0,
    d = ( new Date() ).valueOf();
 
  while( j < n ){
    r = str + d + i++,
    nb = document.querySelectorAll( "#" + r ).length;

...