Altes Köln

Widget:Zeitleiste: Unterschied zwischen den Versionen

Aus Altes Köln
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 34: Zeile 34:
var timelineContainerElements = document.getElementsByClassName('ak-timeline');
var timelineContainerElements = document.getElementsByClassName('ak-timeline');
var akTimeline = new Histropedia.Timeline(timelineContainerElements.item(0), {
var akTimeline = new Histropedia.Timeline(timelineContainerElements.item(0), {
initialDate: {
year: 1820,
month: 1,
day: 1
},
onArticleClick: function(article) {
onArticleClick: function(article) {
if (article.data.targetUrl) {
if (article.data.targetUrl) {
Zeile 48: Zeile 43:
var timelineDataTables = document.getElementsByClassName('ak-timeline-datatable');
var timelineDataTables = document.getElementsByClassName('ak-timeline-datatable');
var articles = [];
var articles = [];
var earliestYear = 2000;
for (var i = 0; i < timelineDataTables.length; i++) {
for (var i = 0; i < timelineDataTables.length; i++) {
var dataTable = timelineDataTables.item(i);
var dataTable = timelineDataTables.item(i);
Zeile 70: Zeile 66:
}
}
var from = parseDate(cells.item(3).innerText);
var from = parseDate(cells.item(3).innerText);
if (from.year < earliestYear) {
earliestYear = from.year;
}
article.from = from;
article.from = from;
var to = parseDate(cells.item(4).innerText);
var to = parseDate(cells.item(4).innerText);
Zeile 89: Zeile 88:
}
}
akTimeline.load(articles);
akTimeline.load(articles);
akTimeline.setOption('initialDate', {
year: earliestYear,
month: 1,
day: 1
});
});
});
</script>
</script>
<div class="ak-timeline"></div>
<div class="ak-timeline"></div>

Version vom 7. November 2020, 20:56 Uhr

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script type="text/javascript" src="/alteskoeln/jquery.mousewheel-3.1.13.min.js"></script> <script type="text/javascript" src="https://cdn.histropedia.com/histropedia-1.2.0.min.js"></script> <script> function parseDate(date) { if (date.trim() === ) { return null; } var dateParts = date.split('-'); if (dateParts.length === 1) { return { year: parseInt(dateParts[0], 10), precision: Histropedia.PRECISION_YEAR } } else if (dateParts.length === 2) { return { year: parseInt(dateParts[0], 10), month: parseInt(dateParts[1], 10), precision: Histropedia.PRECISION_MONTH } } else if (dateParts.length === 3) { return { year: parseInt(dateParts[0], 10), month: parseInt(dateParts[1], 10), day: parseInt(dateParts[2], 10), precision: Histropedia.PRECISION_DAY } } else { return null; } }

document.addEventListener('DOMContentLoaded', function(event) { var timelineContainerElements = document.getElementsByClassName('ak-timeline'); var akTimeline = new Histropedia.Timeline(timelineContainerElements.item(0), { onArticleClick: function(article) { if (article.data.targetUrl) { window.open(article.data.targetUrl, '_blank'); } } });

var timelineDataTables = document.getElementsByClassName('ak-timeline-datatable'); var articles = []; var earliestYear = 2000; for (var i = 0; i < timelineDataTables.length; i++) { var dataTable = timelineDataTables.item(i); var rows = dataTable.querySelectorAll('tbody tr'); for (var j = 0; j < rows.length; j++) { var row = rows.item(j); var cells = row.children; if (cells.length) { if (cells.item(0).tagName.toLowerCase() === 'th') { continue; }

var article = { id: cells.item(0).innerText, starred: false }; if (cells.item(1).innerText.trim() !== ) { article.title = cells.item(1).innerText; } if (cells.item(2).innerText.trim() !== ) { article.subtitle = cells.item(2).innerText; } var from = parseDate(cells.item(3).innerText); if (from.year < earliestYear) { earliestYear = from.year; } article.from = from; var to = parseDate(cells.item(4).innerText); if (to != null) { article.to = to; } if (cells.item(5).innerText.trim() !== ) { article.imageUrl = cells.item(5).innerText; } if (cells.item(6).innerText.trim() !== ) { article.rank = cells.item(6).innerText; } if (cells.item(7).innerText.trim() !== ) { article.targetUrl = cells.item(7).innerText; } articles.push(article); } } } akTimeline.load(articles);

akTimeline.setOption('initialDate', { year: earliestYear, month: 1, day: 1 }); }); </script>

Cookies helfen uns bei der Bereitstellung von Altes Köln. Durch die Nutzung von Altes Köln erklärst du dich damit einverstanden, dass wir Cookies speichern.