Termine Automatisieren - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Termine Automatisieren

Scripte > Text- & Tabellenobjekte

Tabellen, Texte und Termine automatisieren

Du hast Termine zu verwalten, die immer auf dem aktuellen Stand sein sollen?
Du möchtest nicht mehr aktuelle Termine manuell löschen müssen?
Du möchtest Textpassagen automatisch nach Termin ausblenden lassen?
Dazu bietet Javascript eine Lösung zum automatisieren:
Bei den Terminen findet das title-Attribut Anwendung und das auszublendende <tr> in Form eines leicht auszuwertenden Datums "jjjjmmtt". Bei korrekter Systemzeit wird im onload aufgerufenen Javascript notierte Datumsvergleich true ausgewertet und die betreffende Tabellenzeile wird über die CSS-Definition display:none ausgeblendet, vorausgesetzt der Besucher hat Javascript aktiviert. Falls die Anzahl der anzuzeigenden aktuellen Termine beschränkt werden sollen, muss die Obergrenze bei var angepüasst werden.
Download Button
x runter geladen!
Hier gehen wir davon aus, daß die Termine in tabellarischer Form dargestellt werden. Da das Script nur Tabellenzeilen mit einem title-Attribut berücksichtigt, kann es problemlos auch bei Verwendung weiterer Tabellen eingesetzt werden.
Das Element title im Javascript- und HTML-Code kann auch durch ein anderes Element, z. B. id ersetzt werden und bei Bedarf lassen sich auch andere Elemente als tr auf diese Weise manipulieren. Abgelaufene Termine werden nicht mehr angezeigt, da diese ausgeblendet werden.
Ausgabe:
Datum Termin
24.12.2019 Heilig Abend 2019
31.12.2019 Silvester 2019
17.02.2020 Hochzeitstag
23.05.2020 Abschlussprüfung
24.07.2021 Abreise Urlaub Florida
Natürlich können auch andere Block-Elemente wie ganze Textbereiche ausgeblendet werden, wenn man im Javascript und im HTML-Code "tr" durch das gewählte Element (z.b. "div") austauscht. Dazu hier ein Beispiel.
Code für den <HEAD> Bereich
<script type="text/javascript">
// <![CDATA[
function TerminCheck() {
if (!document.getElementsByTagName) return;
var Datum = new Date();
var Jahr = Datum.getFullYear().toString();
var Monat = (Datum.getMonth()+1).toString();
  if (Monat.length == 1) Monat = "0" + Monat;
var Tag = Datum.getDate().toString();
  if (Tag.length == 1) Tag = "0" + Tag;
var aktuell = parseInt(Jahr + Monat + Tag);
var Zeilen = document.getElementsByTagName("tr");
var Obergrenze = 0; var Rest = Obergrenze;
for (var i = 0; i < Zeilen.length; i++) {
  if (Zeilen[i].title) {
    if (parseInt(Zeilen[i].title) < aktuell) Zeilen[i].style.display = "none";
    else if(Obergrenze) {
      if(Rest) Rest--; else Zeilen[i].style.display = "none";
    }
  }
}
}
// ]]>
</script>
Code für den <BODY> Tag
onload="TerminCheck();"

Wer nicht mit Website X5 arbeitet:
<body onload="TerminCheck();"
Code für den <BODY> Bereich
<table>
 <tr>
   <th>Datum</th> <th style="text-indent:30px;">Termin</th>
 </tr><br>
 <tr title="20191224">
   <td>24.12.2019</td> <td style="text-indent:30px;">
   Heilig Abend 2019
   </td>
 </tr><br>
 <tr title="20191231">
   <td>31.12.2019</td> <td style="text-indent:30px;">
   Silvester 2019
   </td>
 </tr><br>
 <tr title="20200217">
   <td>17.02.2020</td> <td style="text-indent:30px;">
   Hochzeitstag
   </td>
 </tr><br>
 <tr title="20200523">
   <td>23.05.2020</td> <td style="text-indent:30px;">
   Abschlussprüfung
   </td>
 </tr><br>
 <tr title="20210724">
   <td>24.07.2021</td> <td style="text-indent:30px;">
   Abreise Urlaub Florida
   </td>
 </tr><br>
</table>

Beispiel für Textpassagen:
Hier wurde das <tr title= gegen <div id= ausgetauscht.

Ausgabe:

21.02.2025 Referatvorbereitung: Wie programmieren wir eine Homepage mit Hilfe von PHP und JavaScript
22.02.2025 Schulung im Seminarraum "Alte Fösterei" in Hamburg. Hotelübernachtung geplant.
23.02.2025 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Code für den <HEAD> Bereich
<script type="text/javascript">
// <![CDATA[
function TextCheck() {
if (!document.getElementsByTagName) return;
var Datum = new Date();
var Jahr = Datum.getFullYear().toString();
var Monat = (Datum.getMonth()+1).toString();
  if (Monat.length == 1) Monat = "0" + Monat;
var Tag = Datum.getDate().toString();
  if (Tag.length == 1) Tag = "0" + Tag;
var aktuell = parseInt(Jahr + Monat + Tag);
var Zeilen = document.getElementsByTagName("div");
var Obergrenze = 0; var Rest = Obergrenze;
for (var i = 0; i < Zeilen.length; i++) {
  if (Zeilen[i].id) {
    if (parseInt(Zeilen[i].id) < aktuell) Zeilen[i].style.display = "none";
    else if(Obergrenze) {
      if(Rest) Rest--; else Zeilen[i].style.display = "none";
    }
  }
}
}
// ]]>
</script>
Code für den <BODY> Tag
onload="TextCheck();"

Wer nicht mit Website X5 arbeitet:
<body onload="TextCheck();"
Code für den <BODY> Bereich
<div id="20250221">
   <td>21.02.2025</td> <td style="text-indent:30px;">
       Referatvorbereitung: Wie programmieren wir eine Homepage mit Hilfe von PHP und JavaScript
   </td><br>
</div>
<div id="20250222">
   <td>22.02.2025</td> <td style="text-indent:30px;">
       Schulung im Seminarraum "Alte Fösterei" in Hamburg. Hotelübernachtung geplant.
   </td><br>
</div>
<div id="20250223">
   <td>23.02.2025</td> <td style="text-indent:30px;">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
   </td><br>
</div>
Feedbacks zu ""


Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 127 Heute
» 387 Gestern
» 772 Woche
» 5198 Monat
» 5198 Jahr
» 332954 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt