Hervorhebung einer Tabellenzeile in JavaScript

<input type="date"> ist nur bedingt zu empfehlen, weil es von IE nicht unterstützt wird. In diesem Fall wäre es einfacher, ein select-option zu verwenden und automatisch mit den Daten zu füllen. Überleg mal, ob das für dich in Frage kommt.

Würde dann so aussehen:
http://pastebin.com/XKg151Yk

Bzgl. der Validierung verhält dies sich IMO auch nicht anders als ein date-Input: Da der Benutzer nur eine Auswahl aus den Vorgaben treffen kann, kann er nichts fehlerhaftes eingeben.

Unter value kann man auch ein abweichendes Format eintragen, wenn Du es bei der Auswertung des Formulars brauchst.

Zitat

Dann muss ich die Options aber noch mit: ... füllen, oder?

Das tut das Script schon, siehe am Ende des Javascript-Abschnitts.

Zitat

Aber dann wenn nur z.B. 2 Termine aktuell sind, sind auch 3 Felder leer...

Das kann man leicht vermeiden, indem man die options nicht nur mit Inhalt füllt, sondern auch automatisch anlegt:

var terminauswahl = document.getElementById("terminauswahl");
terminauswahl.innerHTML = "";
for (var i = 0; i < rows.length; i++) {
var time = rows[ i ].cells[1].innerHTML + " " + rows[ i ].cells[2].innerHTML;
var opt = document.createElement("option");
opt.value = time;
opt.innerHTML = time;
terminauswahl.appendChild(opt);
}

Zitat

Und mir ist noch ein anderes Problem aufgefallen die Sidebar funktioniert nicht auf anderen Seiten...

Das liegt daran, dass alles, was man mit Javascript macht, auf die aktuelle Seite beschränkt ist. Will man die Sidebar auf allen Seiten haben, muss man PHP einbeziehen: Mit Ajax die Daten an den Server übertragen; das PHP-Skript generiert das HTML und trägt es in eine Datei ein; diese kannst Du dann auf allen Seiten mit PHP-Include einbinden. Wenn Du das brauchst, kann ich es für dich programmieren.

Zitat

Irgendwo ist ein Fehler, das Selectfeld ist leer

Bei mir funktioniert es. Welchen Code hast Du jetzt, den aus pastebin, oder den zweiten, den ich im Forum gepostet habe? Ich hatte Probleme mit dem [ i ] und musste meinen Post editieren. Möglicher Weise hast Du zuvor eine fehlerhafte Version erwischt.

Ja, das HTML ist soweit richtig. Du brauchst nur ein select-Tag mit der ID "terminauswahl".

Natürlich. Das war nur eine Anmerkung, weil Du nur das leere Tag ohne options brauchst.

Überprüfe noch Mal das Javascript. Wie ich schrieb, hatte ich zunächst Fehler drin und dann editiert. Übernimm das letzte noch Mal aus meinem Posting.,

Habe ebenfalls noch Mal das von dir übernommen, Javascript, CSS und das HTML des Formulars, und bei mir funktioniert es.
Steht das Formular auch vor dem Javascript?

Das lässt sich leicht beheben:

var terminauswahl = document.getElementById("terminauswahl");
terminauswahl.innerHTML = "";
for (var i = 0; i < rows.length; i++) {
var currentTime = myParseDate(rows, i).getTime();
if (currentTime > now i == 0) {
var timeStr = rows[ i ].cells[1].innerHTML + " " + rows[ i ].cells[2].innerHTML;
var opt = document.createElement("option");
opt.value = timeStr;
opt.innerHTML = timeStr;
terminauswahl.appendChild(opt);
}
}