From 37c88e7d8f2c574f9a6559f408f988396031cde4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fabrice=20PENHO=C3=8BT?= Date: Mon, 8 Nov 2021 12:01:59 +0100 Subject: [PATCH] =?UTF-8?q?Revue=20aspect=20g=C3=A9n=C3=A9ral=20du=20site?= =?UTF-8?q?=20de=20d=C3=A9monstration=20(menu,=20footer,=20CSS...).?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/CSS/fd2html.css | 7 ++++++- public/examples.html | 20 +++++++++----------- public/index.html | 19 +++++++++++++++---- public/userFile.html | 15 +++++++++++++-- public/withCSV.html | 15 +++++++++++++-- public/withHTML.html | 15 +++++++++++++-- public/withJSON.html | 16 ++++++++++++++-- 7 files changed, 83 insertions(+), 24 deletions(-) diff --git a/public/CSS/fd2html.css b/public/CSS/fd2html.css index 438a307..3a2f619 100644 --- a/public/CSS/fd2html.css +++ b/public/CSS/fd2html.css @@ -6,4 +6,9 @@ p,li { font-size: 17px } ul, li { padding-left: 0.5em; margin-left:0 } } -article#datas { overflow-x:auto; } \ No newline at end of file +article#datas { overflow-x:auto; } +h1 a { background :none; color:black } +h1 a:visited { color:black } +h2 { font-size:2rem; } +h3 { font-size:1.5rem; } +header li a:visited { color:white; } diff --git a/public/examples.html b/public/examples.html index 79ffde1..7dcadfd 100644 --- a/public/examples.html +++ b/public/examples.html @@ -23,18 +23,16 @@ - - -
-

Exemples d’utilisation de Freedatas2html

- -
+
+

Exemples d’utilisation de Freedatas2html

+ +
diff --git a/public/index.html b/public/index.html index af657b8..5317cc2 100644 --- a/public/index.html +++ b/public/index.html @@ -12,10 +12,21 @@ -

FreeDatas2HTML

-

Parser, afficher, paginer, filtrer, classer des données… à l’aide de TypeScript/JavaScript

-
+
+

FreeDatas2HTML

+ +
+ +

Présentation de FreeDatas2HTML

+ +

Parser des données JSON, CSV ou HTML

FreeDatas2HTML vous permet de parser des données listées dans une page internet ou encore une ressource distante. Les formats de données possibles sont le JSON, le CSV ou encore le HTML, pour peu que les données y soient listées de manière rigoureuse.

@@ -78,6 +89,6 @@

Accéder au dépôt GIT du projet.

- + \ No newline at end of file diff --git a/public/userFile.html b/public/userFile.html index 4738afb..b50e62f 100644 --- a/public/userFile.html +++ b/public/userFile.html @@ -12,7 +12,18 @@ Afficher les données d'un fichier CSV dans une page web à l'aide de FreeDatas2HTML -

FreeDatas2HTML

+ +
+

FreeDatas2HTML

+ +
+

Afficher votre fichier CSV dans la page web

Cette page vous permet de tester directement freeDatas2HTML en affichant les données d'un fichier CSV de votre choix. Vous pourrez choisir les champs/colonnes à afficher. Suivant la taille de votre écran ou encore le nombre champs, le résultat peut être + ou - lisible... Sachez que FreeDatas2HTML permet d'afficher les données autrement que sous forme de tableau quan cela est plus pratique.

@@ -36,6 +47,6 @@

Pour rappel, freeDatas2HTML s'exécute uniquement côté client, c'est-à-dire dans votre navigateur. Les donnée de votre fichier ne sont donc pas envoyées sur un serveur. En conséquence, si vous partager cette page avec d'autres personnes, elles devront elles-mêmes sélectionner le fichier pour visualiser les données. Il est évidemment possible d'indiquer un fichier à afficher par défaut. C'est ce qui est fait dans les autres exemples présentés sur ce site.

- + \ No newline at end of file diff --git a/public/withCSV.html b/public/withCSV.html index c5afd42..5d6946e 100644 --- a/public/withCSV.html +++ b/public/withCSV.html @@ -12,7 +12,18 @@ Parser et afficher des données CSV via FreeDatas2HTML -

FreeDatas2HTML

+ +
+

FreeDatas2HTML

+ +
+

Parser et afficher des données CSV

@@ -38,6 +49,6 @@

Enfin il est possible d’afficher les données autrement que sous forme de tableau HTML. Si vous affichez cette page sur un écran large de moins de 800 px, les données seront simplement listées. Si vous avez un grand écran, vous pouvez visualiser cet affichage en faisant « Alt+Maj+M », puis « F5 ». Appuyez de nouveau sur « F5 », une fois de retour sur grand écran pour revoir le tableau.

- + \ No newline at end of file diff --git a/public/withHTML.html b/public/withHTML.html index ff1a9ce..85f0b45 100644 --- a/public/withHTML.html +++ b/public/withHTML.html @@ -13,7 +13,18 @@ -

FreeDatas2HTML

+ +
+

FreeDatas2HTML

+ +
+

Parser un tableau HTML pour adapter son affichage

@@ -133,6 +144,6 @@

Il est tout à fait possible de lister vos données autrement que dans un tableau, du moment qu'il reste possible de cibler séparément le nom des champs et la liste des enregistrements via des sélecteurs CSS. D'où le tableau ci-dessous, venant du W3C et dont le contenu pourra donc vous être utile :-)

- + \ No newline at end of file diff --git a/public/withJSON.html b/public/withJSON.html index b654777..d4f0a23 100644 --- a/public/withJSON.html +++ b/public/withJSON.html @@ -11,8 +11,20 @@ Parser et afficher des données JSON via FreeDatas2HTML + -

FreeDatas2HTML

+ +
+

FreeDatas2HTML

+ +
+

Parser et afficher des données JSON

@@ -30,6 +42,6 @@

Pour le reste, le fonctionnement est similaire qu'avec du CSV.
Les données JSON ont été recopiées de l'API de test {JSON} Placeholder.

- + \ No newline at end of file