Hervorhebung einer Tabellenzeile in JavaScript

Zitat

den jeweils aktuellsten Termin

d. h. in einer Spalte steht jeweils Datum/Uhrzeit? In welchen Format?

Hier kannst Du dir ansehen, wie Du das Datum in der deutschen Schreibweise formatierst:
https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Date
(unter Datumsausgaben formatieren)
Poste am besten eine Beispieltabelle, dann kann man das Javascript entwickeln.
Wie man die Zellen mit Javascript anspricht, wird z. B. hier beschrieben:
http://stackoverflow.com/quest…-in-javascript-not-jquery

Zitat

Oh er hat leider keine Zeilenumbrüche eingefügt Sorry Hoffe es geht trotzdem

Ja, diese Foren-Software ist eine Katastrophe. Es gibt aber Online-Tools, mit denen man es neu formatieren kann. Ich sehe es mir dann mal an.

Ja, habe ich schon gemacht. Meinst Du mit "aktuellstem Termin" den, der in der Zukunft als erster kommt?

Ich hoffe, dies ist das, was Du dir vorgestellt hast:
http://pastebin.com/MZe1bMrC

Damit "border" für die Zeile funktionierte, musste ich das CSS "border-collapse:collapse" hinzu fügen, siehe:
http://stackoverflow.com/quest…nd-tr-element-doesnt-show


PS: Ich habe da noch einen kleinen Fehler gemacht. So ist es richtig:



function myParseDate(rows, rowIdx) {
var datearr = rows[rowIdx].cells[1].innerHTML.split(".");
var timearr = rows[rowIdx].cells[2].innerHTML.split(":");
return new Date(parseInt(datearr[2]), parseInt(datearr[1]) - 1, parseInt(datearr[0]),
parseInt(timearr[0]), parseInt(timearr[1]), 0);
}

(vorletzte Zeile)

Zitat

ob dein Code das Datum aus HTML quasi erkennt, das heißt, kann ich also das Datum in der Tabelle in HTML ändern und JavaScript erkennt das oder?

Genau, die Funktion myParseDate liest die beiden Strings für Datum und Uhrzeit jeweils aus der aktuellen Zeile aus und macht daraus ein Date-Objekt.

Zitat

Also in jeder Tabellenspalte wird das Workshopthema angezeigt, das Datum, die Uhrzeit und der Ort. Jetzt will ich alle diese Sachen NUR von dem aktuellsten Datum dem "eingerahmten" in einer neuen Tabelle (Sidebar) anzeigen lassen, wie mache ich das?

Am Ende des Skripte steht in der Variablen rowIdx der Index der Zeile mit dem nächsten Termin. Dort kannst Du die Werte auslesen.
rows[rowIdx],cells[3].innerHTML liefert z. B. den Ort der Veranstaltung.

Die Meldung von Dreamweaver kannst Du ignorieren.

Zitat

Und habe ich den Code richtig verstanden, dass der aktuelle Termin auch nach der Uhrzeit aktualisiert wird?

Ja, die Uhrzeit wird auch berücksichtigt, d. h. wenn zwei Termine am selben Tag sind wird der frühere hervor gehoben.

Zitat

Aber wie spreche ich die andere Tabelle separat an? Mit der ID?

Richtig, Du musst der zweiten Tabelle eine andere ID geben und kannst dann mit

row[i].cell[j].innerHTML

den Inhalt jeder Zellen setzen. Wenn Du es noch nicht selber kannst, dann poste das HTML der Tabelle, wo es angezeigt werden soll und ich zeige dir, wie es geht.

Zitat

... erstmal JavaScript so zu lernen, dass ich mir selber helfen kann..

Dann bist Du hier schon an der richtigen Adresse, denn es gibt Tutorials, u. a. auch für Javascript.

Da Du den Zellen IDs gegeben hast, ist es noch einfacher:

rows[rowIdx].style.backgroundColor = "lightblue";
rows[rowIdx].style.border = "thin solid blue";
document.getElementById("sThema").innerHTML = rows[rowIdx].cells[0].innerHTML;
document.getElementById("sDatum").innerHTML = rows[rowIdx].cells[1].innerHTML;
document.getElementById("sUhrzeit").innerHTML = rows[rowIdx].cells[2].innerHTML;
document.getElementById("sOrt").innerHTML = rows[rowIdx].cells[3].innerHTML;