kIDUnique() vérifie que tous les ID sont uniques dans la page web
par
, 04/09/2016 à 12h45 (1101 Affichages)
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
18 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( [ ...kSetID ].join( "\n" ) ); } };
Cette fonction est incluse dans le fichier dvjhUtilities-1.3.1.js
Exemple :
Code HTML : 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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52 <!DOCTYPE html> <html lang="fr" dir="ltr"> <head> <meta http-equiv="cache-control" content="public, max-age=60"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="author" content="Daniel Hagnoul"> <title>test</title> <style> [id^="myDiv"] { margin: 1rem; padding: 0.5rem; border: 0.1rem dotted grey; } </style> <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.1.js"></script> <script> 'use strict'; let domLoadedHandler = ev => { klog( `DOM ready : ${ new kDvjhDate() }` ); // code }, windowLoadHandler = ev => { klog( `Window load : ${ new kDvjhDate() }` ); // code kIDUnique(); }; kAddListener( [ [ document, "DOMContentLoaded", domLoadedHandler ], [ window, "load", windowLoadHandler ] ] ); </script> </head> <body> <main> <div id="myDiv">Hello !</div> <div id="myDiv1">Hello !</div> <div id="myDiv2">Hello !</div> <div id="myDiv3">Hello !</div> <div id="myDiv4">Hello !</div> <div id="myDiv">Hello !</div> </main> </body> </html>