FreeDatas2HTML/public/examples.html

<!DOCTYPE html>
<html lang="fr-fr">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="description" content="Quelques exemples d'utilisation du module TypeScript/JavaScript FreeDatas2HTML, les codes sources étant partagés dans le dépôt GIT.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index,follow">
    <link rel="stylesheet" href="CSS/paper.min.css">
    <link rel="stylesheet" href="CSS/fd2html.css">
    <script src="JS/matomo.js" defer></script>
    <title>Exemples d'utilisation de FreeDatas2HTML</title>
  </head>
  
    <body class="paper container">
        
        <header id="header" class="text-center">
          <h1><a href="/">FreeDatas2HTML</a></h1>
          <nav id="menu-principal">
              <ul class="inline row flex-center">
                <li><a href="./#intro" class="badge warning sm-12 col">Introduction</a></li>
                <li><a href="./examples.html#content" class="badge success sm-12 col">Exemples</a></li>
                <li><a href="https://forge.chapril.org/Fab_Blab/freeDatas2HTML" target="_blank" title="accéder au dépôt GIT"  rel="noopener"  class="badge success sm-12 col">Git</a></li>
              </ul>
          </nav>
        </header>
            
        <article id="content">
            <h2>Exemples d’utilisation de FreeDatas2HTML</h2>
            <ul>
                <li><a href="/userFile.html">Afficher les données de votre propre fichier CSV</a> en sélectionnant les champs à afficher dans la page.</li>
                <li><a href="/withCSV.html">Parser et afficher un fichier CSV prédéfini</a>, avec ajout de filtres multi-critères, moteur de recherche, pagination, compteur de résultats.. Il s'agit de l'exemple le plus complet.</li>
                <li><a href="/withJSON.html">Parser et afficher des données JSON</a>, avec ajout d'un filtre, d'un moteur de recherche, pagination et compteur de résultats.</li>
                <li><a href="/withHTML.html">Parser et réafficher les données situées dans le code HTML</a> de la page, avec filtre, pagination et adaptation à la taille de l'écran.</li>
            </ul>
            <p>Un lien vers le code source TypeScript est fourni pour chaque exemple, de manière à ce que vous puissiez lire le code, tout en observant le résultat.</p>
        </article>

    <footer><p>Design : <a href="https://www.getpapercss.com" target="_blank">PaperCSS</a> | <a href="/mentions-legales.html">Contact et mentions légales</a>.</p></footer>
  </body>
</html>