Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.

public/datas/elements-chimiques.csv

@@ -1,96 +1,96 @@
-Z (numéro atomique),Élément,Symbole,Famille,Abondance des éléments dans la croûte terrestre (μg/k)
+Z (numéro atomique),Élément,Symbole,Famille,Abondance dans la croûte terrestre
-1,Hydrogène,H,Non-métal,> 100000
+1,Hydrogène,H,Non-métal,Importante
-2,Hélium,He,Gaz noble,> 1 et < 100 000
+2,Hélium,He,Gaz noble,Significative
-3,Lithium,Li,Métal alcalin,> 1 et < 100 000
+3,Lithium,Li,Métal alcalin,Significative
-4,Béryllium,Be,Métal alcalino-terreux,> 1 et < 100 000
+4,Béryllium,Be,Métal alcalino-terreux,Significative
-5,Bore,B,Métalloïde,> 1 et < 100 000
+5,Bore,B,Métalloïde,Significative
-6,Carbone,C,Non-métal,> 100000
+6,Carbone,C,Non-métal,Importante
-7,Azote,N,Non-métal,> 1 et < 100 000
+7,Azote,N,Non-métal,Significative
-8,Oxygène,O,Non-métal,> 100000
+8,Oxygène,O,Non-métal,Importante
-9,Fluor,F,Halogène,> 100000
+9,Fluor,F,Halogène,Importante
-10,Néon,Ne,Gaz noble,> 1 et < 100 000
+10,Néon,Ne,Gaz noble,Significative
-11,Sodium,Na,Métal alcalin,> 100000
+11,Sodium,Na,Métal alcalin,Importante
-12,Magnésium,Mg,Métal alcalino-terreux,> 100000
+12,Magnésium,Mg,Métal alcalino-terreux,Importante
-13,Aluminium,Al,Métal pauvre,> 100000
+13,Aluminium,Al,Métal pauvre,Importante
-14,Silicium,Si,Métalloïde,> 100000
+14,Silicium,Si,Métalloïde,Importante
-15,Phosphore,P,Non-métal,> 100000
+15,Phosphore,P,Non-métal,Importante
-16,Soufre,S,Non-métal,> 100000
+16,Soufre,S,Non-métal,Importante
-17,Chlore,Cl,Halogène,> 100000
+17,Chlore,Cl,Halogène,Importante
-18,Argon,Ar,Gaz noble,> 1 et < 100 000
+18,Argon,Ar,Gaz noble,Significative
-19,Potassium,K,Métal alcalin,> 100000
+19,Potassium,K,Métal alcalin,Importante
-20,Calcium,Ca,Métal alcalino-terreux,> 100000
+20,Calcium,Ca,Métal alcalino-terreux,Importante
-21,Scandium,Sc,Métal de transition,> 1 et < 100 000
+21,Scandium,Sc,Métal de transition,Significative
-22,Titane,Ti,Métal de transition,> 100000
+22,Titane,Ti,Métal de transition,Importante
-23,Vanadium,V,Métal de transition,> 100000
+23,Vanadium,V,Métal de transition,Importante
-24,Chrome,Cr,Métal de transition,> 100000
+24,Chrome,Cr,Métal de transition,Importante
-25,Manganèse,Mn,Métal de transition,> 100000
+25,Manganèse,Mn,Métal de transition,Importante
-26,Fer,Fe,Métal de transition,> 100000
+26,Fer,Fe,Métal de transition,Importante
-27,Cobalt,Co,Métal de transition,> 1 et < 100 000
+27,Cobalt,Co,Métal de transition,Significative
-28,Nickel,Ni,Métal de transition,> 1 et < 100 000
+28,Nickel,Ni,Métal de transition,Significative
-29,Cuivre,Cu,Métal de transition,> 1 et < 100 000
+29,Cuivre,Cu,Métal de transition,Significative
-30,Zinc,Zn,Métal pauvre,> 1 et < 100 000
+30,Zinc,Zn,Métal pauvre,Significative
-31,Gallium,Ga,Métal pauvre,> 1 et < 100 000
+31,Gallium,Ga,Métal pauvre,Significative
-32,Germanium,Ge,Métalloïde,> 1 et < 100 000
+32,Germanium,Ge,Métalloïde,Significative
-33,Arsenic,As,Métalloïde,> 1 et < 100 000
+33,Arsenic,As,Métalloïde,Significative
-34,Sélénium,Se,Non-métal,> 1 et < 100 000
+34,Sélénium,Se,Non-métal,Significative
-35,Brome,Br,Halogène,> 1 et < 100 000
+35,Brome,Br,Halogène,Significative
-36,Krypton,Kr,gaz rare,≤ 1
+36,Krypton,Kr,gaz rare,Faible
-37,Rubidium,Rb,Métal alcalin,> 1 et < 100 000
+37,Rubidium,Rb,Métal alcalin,Significative
-38,Strontium,Sr,Métal alcalino-terreux,> 100000
+38,Strontium,Sr,Métal alcalino-terreux,Importante
-39,Yttrium,Y,Métal de transition,> 1 et < 100 000
+39,Yttrium,Y,Métal de transition,Significative
-40,Zirconium,Zr,Métal de transition,> 100000
+40,Zirconium,Zr,Métal de transition,Importante
-41,Niobium,Nb,Métal de transition,> 1 et < 100 000
+41,Niobium,Nb,Métal de transition,Significative
-42,Molybdène,Mo,Métal de transition,> 1 et < 100 000
+42,Molybdène,Mo,Métal de transition,Significative
 43,Technétium,Tc,Métal de transition,Traces 
-44,Ruthénium,Ru,Métal de transition,≤ 1
+44,Ruthénium,Ru,Métal de transition,Faible
-45,Rhodium,Rh,Métal de transition,≤ 1
+45,Rhodium,Rh,Métal de transition,Faible
-46,Palladium,Pd,Métal de transition,> 1 et < 100 000
+46,Palladium,Pd,Métal de transition,Significative
-47,Argent,Ag,Métal de transition,> 1 et < 100 000
+47,Argent,Ag,Métal de transition,Significative
-48,Cadmium,Cd,Métal pauvre,> 1 et < 100 000
+48,Cadmium,Cd,Métal pauvre,Significative
-49,Indium,In,Métal pauvre,> 1 et < 100 000
+49,Indium,In,Métal pauvre,Significative
-50,Étain,Sn,Métal pauvre,> 1 et < 100 000
+50,Étain,Sn,Métal pauvre,Significative
-51,Antimoine,Sb,Métalloïde,> 1 et < 100 000
+51,Antimoine,Sb,Métalloïde,Significative
-52,Tellure,Te,Métalloïde,≤ 1
+52,Tellure,Te,Métalloïde,Faible
-53,Iode,I,Halogène,> 1 et < 100 000
+53,Iode,I,Halogène,Significative
-54,Xénon,Xe,gaz rare,≤ 1
+54,Xénon,Xe,gaz rare,Faible
-55,Césium,Cs,Métal alcalin,> 1 et < 100 000
+55,Césium,Cs,Métal alcalin,Significative
-56,Baryum,Ba,Métal alcalino-terreux,> 100000
+56,Baryum,Ba,Métal alcalino-terreux,Importante
-57,Lanthane,La,Lanthanide,> 1 et < 100 000
+57,Lanthane,La,Lanthanide,Significative
-58,Cérium,Ce,Lanthanide,> 1 et < 100 000
+58,Cérium,Ce,Lanthanide,Significative
-59,Praséodyme,Pr,Lanthanide,> 1 et < 100 000
+59,Praséodyme,Pr,Lanthanide,Significative
-60,Néodyme,Nd,Lanthanide,> 1 et < 100 000
+60,Néodyme,Nd,Lanthanide,Significative
 61,Prométhium,Pm,Lanthanide,Traces 
-62,Samarium,Sm,Lanthanide,> 1 et < 100 000
+62,Samarium,Sm,Lanthanide,Significative
-63,Europium,Eu,Lanthanide,> 1 et < 100 000
+63,Europium,Eu,Lanthanide,Significative
-64,Gadolinium,Gd,Lanthanide,> 1 et < 100 000
+64,Gadolinium,Gd,Lanthanide,Significative
-65,Terbium,Tb,Lanthanide,> 1 et < 100 000
+65,Terbium,Tb,Lanthanide,Significative
-66,Dysprosium,Dy,Lanthanide,> 1 et < 100 000
+66,Dysprosium,Dy,Lanthanide,Significative
-67,Holmium,Ho,Lanthanide,> 1 et < 100 000
+67,Holmium,Ho,Lanthanide,Significative
-68,Erbium,Er,Lanthanide,> 1 et < 100 000
+68,Erbium,Er,Lanthanide,Significative
-69,Thulium,Tm,Lanthanide,> 1 et < 100 000
+69,Thulium,Tm,Lanthanide,Significative
-70,Ytterbium,Yb,Lanthanide,> 1 et < 100 000
+70,Ytterbium,Yb,Lanthanide,Significative
-71,Lutécium,Lu,Lanthanide,> 1 et < 100 000
+71,Lutécium,Lu,Lanthanide,Significative
-72,Hafnium,Hf,Métal de transition,> 1 et < 100 000
+72,Hafnium,Hf,Métal de transition,Significative
-73,Tantale,Ta,Métal de transition,> 1 et < 100 000
+73,Tantale,Ta,Métal de transition,Significative
-74,Tungstène,W,Métal de transition,> 1 et < 100 000
+74,Tungstène,W,Métal de transition,Significative
-75,Rhénium,Re,Métal de transition,≤ 1
+75,Rhénium,Re,Métal de transition,Faible
-76,Osmium,Os,Métal de transition,> 1 et < 100 000
+76,Osmium,Os,Métal de transition,Significative
-77,Iridium,Ir,Métal de transition,≤ 1
+77,Iridium,Ir,Métal de transition,Faible
-78,Platine,Pt,Métal de transition,> 1 et < 100 000
+78,Platine,Pt,Métal de transition,Significative
-79,Or,Au,Métal de transition,> 1 et < 100 000
+79,Or,Au,Métal de transition,Significative
-80,Mercure,Hg,Métal pauvre,> 1 et < 100 000
+80,Mercure,Hg,Métal pauvre,Significative
-81,Thallium,Tl,Métal pauvre,> 1 et < 100 000
+81,Thallium,Tl,Métal pauvre,Significative
-82,Plomb,Pb,Métal pauvre,> 1 et < 100 000
+82,Plomb,Pb,Métal pauvre,Significative
-83,Bismuth,Bi,Métal pauvre,> 1 et < 100 000
+83,Bismuth,Bi,Métal pauvre,Significative
-84,Polonium,Po,Métal pauvre,≤ 1
+84,Polonium,Po,Métal pauvre,Faible
 85,Astate,At,Métalloïde,Traces 
-86,Radon,Rn,Gaz noble,≤ 1
+86,Radon,Rn,Gaz noble,Faible
 87,Francium,Fr,Métal alcalin,Traces 
-88,Radium,Ra,Métal alcalino-terreux,≤ 1
+88,Radium,Ra,Métal alcalino-terreux,Faible
-89,Actinium,Ac,Actinide,≤ 1
+89,Actinium,Ac,Actinide,Faible
-90,Thorium,Th,Actinide,> 1 et < 100 000
+90,Thorium,Th,Actinide,Significative
-91,Protactinium,Pa,Actinide,≤ 1
+91,Protactinium,Pa,Actinide,Faible
-92,Uranium,U,Actinide,> 1 et < 100 000
+92,Uranium,U,Actinide,Significative
 93,Neptunium,Np,Actinide,Traces 
 94,Plutonium,Pu,Actinide,Traces 
 95,Américium,Am,Actinide,Inexistant

public/index.html

@@ -3,18 +3,19 @@
 <head>
 	<meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">        
-    <meta name="description" content="Page d'exemple simple d'utilisaion du script freeCSV2HTML.">
+    <meta name="description" content="Page d'exemple d'utilisation du script freeDatas2HTML pour visualiser des informations venant d'un fichier CSV.">
     <meta name="robots" content="noindex">
+    <link rel="stylesheet" href="CSS/paper.min.css">
     <script src="JS/firstExample.app.js" defer></script>
-    <title>freeCSV2HTML (démo utilisation simple)</title>
+    <title>freeDatas2HTML : démo affichage données venant d'un fichier CSV.</title>
 </head>
-<body>
+<body class="paper container">
-    <h1>freeCSV2HTML</h1>
+    <h1>freeDatas2HTML</h1>
     <p id="filtre1"></p>
     <p id="filtre2"></p>
     <article id="datas">
         <p>Si tout se passe bien, ce texte sera remplacé par un tableau de données extraites du fichier csv.</p>
     </article>
-    <aside><p>Les données affichées viennent d'un fichier csv reprennant une partie des informations trouvées <a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9ment_chimique#Caract%C3%A9ristiques_des_diff%C3%A9rents_%C3%A9l%C3%A9ments">sur Wikipédia</a>.</p></aside>
+    <aside><p>Les données affichées viennent d'<a href="datas/elements-chimiques.csv">un fichier CSV</a> reprennant une partie des informations trouvées <a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9ment_chimique#Caract%C3%A9ristiques_des_diff%C3%A9rents_%C3%A9l%C3%A9ments" target="_blank">sur Wikipédia</a>.<br>Design basé sur <a href="https://www.getpapercss.com" target="_blank">PaperCSS</a></p></aside>
 </body>
 </html>

src/firstExample.ts

@@ -13,6 +13,8 @@ const initialise = async () =>
     catch(e)
     {
         console.error(e);
+        if(document.getElementById("datas")!==null)
+            document.getElementById("datas")!.innerHTML="<strong>Désolé, mais un problème technique empêche l'affichage des données.</strong>";
     }
 }
 initialise();