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

36 lines
2.7 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">
Revue CSS et page démo : aspect sur mobile + relocalisation des polices de paper.css
2021-09-27 11:39:31 +02:00
<link rel="stylesheet" href="CSS/fd2html.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>
Revue CSS et page démo : aspect sur mobile + relocalisation des polices de paper.css
2021-09-27 11:39:31 +02:00
<title>freeDatas2HTML : démo d'affichage de 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>
Correction balise div
2021-09-16 16:05:42 +02:00
<div id="paginationOptions" class="col-12 col"></div>
Ajout fonctionnalité pagination des données.
2021-09-09 12:57:23 +02:00
</div>
Ajout d'un compteur de lignes de données avec possibilité d'affichage dans la page.
2021-09-23 11:28:27 +02:00
<h3>Nombre total de résultats : <span id="compteur"></span></h3>
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>
Revue CSS et page démo : aspect sur mobile + relocalisation des polices de paper.css
2021-09-27 11:39:31 +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>Le dernier filtre (Mots-clés) permet de montrer la possibilité d’<b>extraire des données d’un champ ayant plusieurs valeurs par ligne</b>, ici séparées par une virgule, sachant que l’on peut désigner n’importe quel autre caractère séparateur.</p>
Nouvelle fonctionnalité permettant d'adapter le rendu HTML.
2021-09-23 17:19:31 +02:00
<p>Certains champs (=colonnes) peuvent être désignées comme devant permettre de <b>classer les données</b> : un 1ᵉʳ clic lance un classement par ordre croissant, le 2ᵉ pour ordre décroissant et ainsi de suite.</p>
Revue CSS et page démo : aspect sur mobile + relocalisation des polices de paper.css
2021-09-27 11:39:31 +02:00
<p>Il est également possible d’afficher le nombre total de résultats, avec prise en compte des éventuels filtres.</p>
Nouvelle fonctionnalité permettant d'adapter le rendu HTML.
2021-09-23 17:19:31 +02:00
<p>Une autre option permet de <b>paginer les résultats</b>.</p>
Revue CSS et page démo : aspect sur mobile + relocalisation des polices de paper.css
2021-09-27 11:39:31 +02:00
<p>Enfin il est possible d’<b>afficher les données autrement que sous forme de tableau HTML</b>. 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.</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