• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage CSV einlesen und dynamisch eine Tabelle füllen

Mateng

Neues Mitglied
Hallo Forengemeinde,
vor ein paar Wochen bin ich ins kalte Wasser geworfen worden, was HTML, CSS & Co. angeht.
Ich würde mich über etwas Hilfe bei folgendem Problem freuen:

Gegeben ist eine cvs-Datei im gleichen Verzeichnis wie die html-Datei mit folgendem Inhalt:
1. Zeile: fortlaufendes Datum ( 01.01.2017, 02.01.2017, 03.01.2017 ...usw.)
2.-10. Zeile: Werte zum jeweiligen Datum ( 2345, 6295, 4497 ...usw.)

Per HTML habe ich eine Tabelle entworfen, mit 4 Spalten und 4 Zeilen.
In der ersten Zeile (Spalte 2-4) wird dynamisch das Datum von Gestern, Heute, Morgen eingetragen.
In der ersten Spalte (Zeile 2-4) stehen die Einheiten für die Werte (Start, Pause, Ende)

Code:
<!DOCTYPE html>
<html>
   <head>
       <title>Seitentitel</title>
       <link rel="stylesheet" href="style.css" type="text/css" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
       <meta http-equiv="X-UA-Compatible" content="IE=11" />
       
        <script type="text/javascript">
           window.onload = function() {
               var now = new Date();
               var day = now.getDate();
               var day0  = ((day < 10) ? "0" : "");
               var month = now.getMonth() + 1;
               var month0  = ((month < 10) ? ".0" : ".");
               var year = now.getFullYear();
               var heute = day0 + day + month0 + month + "." + year;
               document.getElementById('datum_heute').innerHTML = heute;
               
               var gestern = new Date(new Date().setDate(new Date().getDate()-1));
               var yday = gestern.getDate();
               var yday0  = ((yday < 10) ? "0" : "");
               var ymonth = gestern.getMonth() + 1;
               var ymonth0  = ((ymonth < 10) ? ".0" : ".");
               var yyear = gestern.getFullYear();
               var gestern = yday0 + yday + ymonth0 + ymonth + "." + yyear;
               document.getElementById('datum_gestern').innerHTML = gestern;
               
               var morgen = new Date(new Date().setDate(new Date().getDate()+1));
               var tday = morgen.getDate();
               var tday0  = ((tday < 10) ? "0" : "");
               var tmonth = morgen.getMonth() + 1;
               var tmonth0  = ((tmonth < 10) ? ".0" : ".");
               var tyear = morgen.getFullYear();
               var morgen = tday0 + tday + tmonth0 + tmonth + "." + tyear;
               document.getElementById('datum_morgen').innerHTML = morgen;
           }
        </script>
       
   </head>
   <body>
       <table id="PLAN">
           <thead></thead>
           <tbody>
               <tr>
                   <td></td>
                   <td><h2 id="datum_gestern"></h2></td>
                   <td><h2 id="datum_heute"></h2></td>
                   <td><h2 id="datum_morgen"></h2></td>
               </tr>
               <tr>
                   <td><h2>START</h2></td>
                   <td>Start gestern</td>
                   <td>Start heute</td>
                   <td>Start morgen</td>
               </tr>
                   <tr>
                   <td><h2>PAUSE</h2></td>
                   <td>Pause gestern</td>
                   <td>Pause heute</td>
                   <td>Pause morgen</td>
               </tr>
               <tr>
                   <td><h2>ENDE</h2></td>
                   <td>Ende gestern</td>
                   <td>Ende heute</td>
                   <td>Ende morgen</td>
               </tr>
           </tbody>
       </table>
   </body>
</html>

Nun möchte ich folgende Funktionalität umsetzen:
Beim Seitenaufruf wird die csv geladen und darin die Zeile 1 nach den dynamischen Datumswerten (Gestern, Heute, Morgen) durchsucht.
In die Tabelle soll dann eingetragen werden:
für Datum Gestern für Datum Heute für Datum Morgen
Werte aus Zeile 2-4 Werte aus Zeile 5-7 Werte aus Zeile 8-10

Das ganze läuft lokal - also ist kein php möglich. Auch das Einbinden von externen .js-Quellen könnte u.U. schwierig werden.

Ich hoffe das mir hier jemand wertvolle Tipps geben kann und sage vorab schonmal Danke.

Gruß
Mateng
 
Werbung:
Hallo m.scatello und Sempervivum,
der PC, auf dem die Seite dargestellt werden soll, hat per default keine Verbindung ins www.

Besteht eine Möglichkeit eine .js-Datei selbst mit Inhalt zu füllen?

Sollte doch eine Verbindung ins www eingerichtet werden können, wie sieht dann der Ansatz aus?

Nochmals vielen Dank im Voraus.
 
Werbung:
Ich würde dir einen lokalen Webserver empfehlen, dann kannst du PHP nutzen und damit ist das garantiert machbar.
 
Daheim hab ich mir Xampp installiert, da könnte ich php testen.
Ob ich den allerdings in meiner Abteilung auch installieren darf ist fraglich.
Also werde ich wohl eure Hilfe bei JS brauchen...
 
Da bin ich vielleicht Mitte kommender Woche schlauer.
Ggf. werde ich das Thema dann ins php-Forum verschieben (lassen).
Euch erstmal vielen Dank und ein ruhiges Wochenende...
 
Werbung:
Zurück
Oben