Fab_Blab/FreeDatas2HTML
1
1
Fork 0
Code Issues Pull Requests Projects Releases Activity
a4b7e7af4a
FreeDatas2HTML/public/index.html

33 lines
2.2 KiB
HTML
Raw Normal View History

Ajout du répertoire /public qui recevra les examples d'utilisation.
2021-08-05 18:28:14 +02:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.
2021-08-13 20:00:03 +02:00
<meta name="description" content="Page d'exemple d'utilisation du script freeDatas2HTML pour visualiser des informations venant d'un fichier CSV.">
Ajout du répertoire /public qui recevra les examples d'utilisation.
2021-08-05 18:28:14 +02:00
<meta name="robots" content="noindex">
Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.
2021-08-13 20:00:03 +02:00
<link rel="stylesheet" href="CSS/paper.min.css">
Ajout du répertoire /public qui recevra les examples d'utilisation.
2021-08-05 18:28:14 +02:00
<script src="JS/firstExample.app.js" defer></script>
Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.
2021-08-13 20:00:03 +02:00
<title>freeDatas2HTML : démo affichage données venant d'un fichier CSV.</title>
Ajout du répertoire /public qui recevra les examples d'utilisation.
2021-08-05 18:28:14 +02:00
</head>
Modification de la première page d'exemple d'utilisation du projet et des fichiers liés.
2021-08-13 20:00:03 +02:00
<body class="paper container">
<h1>freeDatas2HTML</h1>
Ajout fonctionnalité pagination des données.
2021-09-09 12:57:23 +02:00
<div class="row">
<div id="filtre1" class="sm-12 md-6 lg-4 col"></div>
<div id="filtre2" class="sm-12 md-6 lg-4 col"></div>
<div id="filtre3" class="sm-12 md-6 lg-4 col"></div>
<div id="paginationOptions" class="col-12 col"></p>
</div>
Ajout du répertoire /public qui recevra les examples d'utilisation.
2021-08-05 18:28:14 +02:00
<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>
Ajout fonctionnalité pagination des données.
2021-09-09 12:57:23 +02:00
<p id="pages"></p>
Adaptation page de démo pour montrer une colonne contenant des données séparées ppar une virgule.
2021-09-01 16:28:56 +02:00
<aside><p>Les données affichées viennent d'<a href="datas/elements-chimiques.csv">un fichier CSV</a> reprenant 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>.</p>
<p>La dernière colonne permet de montrer la possibilité d'<b>extraire des données d'une colonne ayant plusieurs valeurs par ligne</b>, ici séparées par une virgule.<br>Ce choix de la virgule comme séparateur ne pose pas de problème, tant le fichier CSV est correctement conçu.<br>Elle ne doit par contre pas être présente dans les expressions à extraire de la colonne, sachant que l'on peut désigner n'importe quel autre caractère séparateur.</p>
Ajout fonctionnalité permettant de classer les données via les colonnes + adaptation exemple et nouvelle compilation du code en JS
2021-09-02 18:15:15 +02:00
<p>Toujours en option, certaines peuvent être désignées comme permettant de classer les données : un 1ᵉʳ clic lance un classement par ordre croissant, le 2ᵉ pour ordre décroissant et ainsi de suite.</p>
Ajout fonctionnalité pagination des données.
2021-09-09 12:57:23 +02:00
<p>Enfin, une dernière option permet de <b>paginer les résultat</b>.</p>
Adaptation page de démo pour montrer une colonne contenant des données séparées ppar une virgule.
2021-09-01 16:28:56 +02:00
<p>Design basé sur <a href="https://www.getpapercss.com" target="_blank">PaperCSS</a></p></aside>
Ajout du répertoire /public qui recevra les examples d'utilisation.
2021-08-05 18:28:14 +02:00
</body>
</html>
Reference in New Issue Copy Permalink