Ich möchte die Abfahrtstationen von Bussen und Bahnen integrieren. Dabei werden, wenn hinreichend hinein gezoomt, die Haltestellen angezeigt. Durch Klick auf ein Haltestellensymbol, öffnet sich ein modaler Dialog, der die konkreten Abfahrtszeiten der Busse oder Bahnen anzeigt.
Der Dialog bindet die Echtzeitdaten der KVB ein. Hierfür wird die ID als Schlüssel verwendet. Der Service der KVB antwortet mit einem vollständigen HTML Dokument und einer Tabellenstruktur. Diese wird dynamisch in den Dialog eingebunden. Sollte die Tabelle zu lang sein, steht ein Scrolling zur Verfügung.
Grundlage für die Entwicklung ist die Bereitstellung der entsprechenden Daten durch die Schnittstelle /service/oepnv/. Diese Schnittstelle wird im Rahmen des Tickets Service für Informationen zu KVB Haltestellen #24 entwickelt.
Code
<script>
// JavaScript um das Fragment zu extrahieren und anzuzeigen
document.addEventListener('DOMContentLoaded', function() {
// Fragment extrahieren
var fragment = document.getElementsByTagName('p')[0].innerHTML;
// Fragment in das Ausgabe-Div einfügen
document.getElementById('output').innerHTML = fragment;
});
</script>
Ich möchte die Abfahrtstationen von Bussen und Bahnen integrieren. Dabei werden, wenn hinreichend hinein gezoomt, die Haltestellen angezeigt. Durch Klick auf ein Haltestellensymbol, öffnet sich ein modaler Dialog, der die konkreten Abfahrtszeiten der Busse oder Bahnen anzeigt.
Der Dialog bindet die Echtzeitdaten der KVB ein. Hierfür wird die ID als Schlüssel verwendet. Der Service der KVB antwortet mit einem vollständigen HTML Dokument und einer Tabellenstruktur. Diese wird dynamisch in den Dialog eingebunden. Sollte die Tabelle zu lang sein, steht ein Scrolling zur Verfügung.
Grundlage für die Entwicklung ist die Bereitstellung der entsprechenden Daten durch die Schnittstelle /service/oepnv/. Diese Schnittstelle wird im Rahmen des Tickets Service für Informationen zu KVB Haltestellen #24 entwickelt.
Code
Resources