diff --git a/package.json b/package.json index 493936e..56e6a35 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "freedatas2html", - "version": "0.7.4", + "version": "0.8.0", "description": "Conversion and display of data in different formats (CSV, JSON, HTML) with the possibility of filtering, classifying and paginating the results.", "main": "index.js", "scripts": { diff --git a/public/index.html b/public/index.html index ff83fc5..9b80cee 100644 --- a/public/index.html +++ b/public/index.html @@ -7,12 +7,12 @@ - - freeDatas2HTML : démo d'affichage de données venant d'un fichier CSV + + freeDatas2HTML : démo d'affichage de données venant du DOM (HTML)

freeDatas2HTML

-

Autre page d'exemple avec des données transmises en JSON.

+

Autres pages d'exemple avec des données transmises en JSON ou en CSV.

@@ -23,15 +23,113 @@

Nombre total de résultats :

-

Si tout se passe bien, ce texte sera remplacé par un tableau de données extraites du fichier csv.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SéquenceSignificationDécrit en sectionDéfini originellement en CSS niveau
*tout élémentSélecteur universel2
Etout élément de type ESélecteur de type d'élément1
E[foo]tout élément E portant l'attribut "foo"Sélecteurs d'attribut2
E[foo="bar"]tout élément E portant l'attribut" + foo" et dont la valeur de cet attribut est exactement "bar"Sélecteurs d'attribut2
E[foo~="bar"]tout élément E dont l'attribut "foo" + contient une liste de valeurs séparées par des espaces, l'une + de ces valeurs étant exactement égale à "bar"Sélecteurs d'attribut2
E[foo^="bar"]tout élément E dont la valeur de l'attribut + "foo" commence exactement par la chaîne "bar"Sélecteurs d'attribut3
E[foo$="bar"]tout élément E dont la valeur de l'attribut + "foo" finit exactement par la chaîne "bar"Sélecteurs d'attribut3
E[foo*="bar"]tout élément E dont la valeur de l'attribut + "foo" contient la sous-chaîne "bar"Sélecteurs d'attribut3
E[lang|="en"]tout élément E dont l'attribut 'lang" + est une liste de valeurs séparées par des tirets et commençant + (à gauche) par "en"Sélecteurs d'attribut2
E:rootun élément E, racine du documentPseudo-classes structurelles3
E:nth-child(n)un élément E qui est le n-ième enfant + de son parentPseudo-classes structurelles3
E:nth-last-child(n)un élément E qui est le n-ième enfant + de son parent en comptant depuis le dernier enfantPseudo-classes structurelles3
E:nth-of-type(n)un élément E qui est le n-ième enfant + de son parent et de ce typePseudo-classes structurelles3
E:nth-last-of-type(n)un élément E qui est le n-ième enfant + de son parent et de ce type en comptant depuis le dernier enfantPseudo-classes structurelles3
E:first-childun élément E, premier enfant de son parentPseudo-classes structurelles2
E:last-childun élément E, dernier enfant de son parentPseudo-classes structurelles3
E:first-of-typeun élément E, premier enfant de son typePseudo-classes structurelles3
E:last-of-typeun élément E, dernier enfant de son typePseudo-classes structurelles3
E:only-childun élément E, seul enfant de + son parentPseudo-classes + structurelles3
E:only-of-typeun élément E, seul enfant de son typePseudo-classes structurelles3
E:emptyun élément E qui n'a aucun enfant (y compris + noeuds textuels purs)Pseudo-classes structurelles3
E:link
+ E:visited		un élément E qui est la source d'un hyperlien + dont la cible n'a pas encore été visitée (:link) ou + a déjà été visitée (:visited)Les pseudo-classes de lien1
E:active
+ E:hover
+ E:focus		un élément E pendant certaines actions de + l'usagerLes pseudo-classes d'action + Usager 1 and 2
E:targetun élément E qui est la cible de l'URL d'origine + contenant lui-même un fragment identifiant.La pseudo-classe :target3
E:lang(c)un élément E dont le langage (humain) est + c (le langage du document spécifie comment le langage humain est + déterminé)La pseudo-classe :lang() 2
E:enabled
+ E:disabled 		un élément d'interface utilisateur E qui + est actif ou inactif.Les pseudo-classes d'état + d'élément d'interface3
E:checked
+ E:indeterminate 		un élément d'interface utilisateur E qui + est coché ou dont l'état est indéterminé (par + exemple un bouton-radio ou une case à cocher)Les pseudo-classes d'état + d'élément d'interface3
E:contains("foo")un élément E dont le contenu textuel concaténé + contient la sous-chaîne "foo"La pseudo-classe de contenu3
E::first-linela première ligne formatée d'un élément + EThe :first-line pseudo-element1
E::first-letterle premier caractère formaté d'un élément + ELe pseudo-élément + ::first-letter 1
E::selectionla partie d'un élément E qui est actuellement + sélectionnée/mise en exergue par l'usagerLes pseudo-éléments + fragments d'éléments d'interface3
E::beforele contenu généré avant un élément + ELe pseudo-élément + ::before 2
E::afterle contenu généré après un + élément ELe pseudo-élément + ::after 2
E.warningUniquement en HTML. Identique à E[class~="warning"].Sélecteurs de classe1
E#myidun élément E dont l'ID est égal à + "myid".Sélecteurs d'ID1
E:not(s) un élément E qui n'est pas représenté + par le sélecteur simple sLa pseudo-classe de négation3
E Fun élément F qui est le descendant d'un + élément ECombinateur de descendance + 1
E > Fun élément F qui est le fils d'un élément + ECombinateur filial2
E + Fun élément F immédiatement précédé + par un élément ECombinateur d'adjacence + directe2
E ~ Fun élément F précédé + par un élément ECombinateur d'adjacence + indirecte3

-