Sie benötigen 2 Seiten auf ihrer eigenen Webseite:
- Listen-Seite (data-list-uri): Adresse der Seite die für die Darstellung der Trefferliste auf ihrer Webseite verwendet wird
- Detail-Seite (data-target-uri): Adresse der Seite die für die Darstellung der Detailseite auf ihrer Webseite verwendet wird
- Optional: Teaser-Seite: Adresse der Seite die für die Darstellung der Teaseransicht auf Ihrer Webseite verwendet wird
Codebeispiel Übersichts-Seite:
See the Pen EO Events List by Matthias Bestfleisch (@mbestfleisch) on CodePen.
Codebeispiel Detail-Seite:
See the Pen EO Events Detailview by Matthias Bestfleisch (@mbestfleisch) on CodePen.
Anmerkung:
Bietet der Server keine Möglichkeit, die URL umzuleiten und hat man die Lösung mit dem Hash verwendet, kann man folgendes Skript vor loadasync einbinden:
<script>
var hash = window.location.hash.split('#').pop();
if (hash) {
var parts = hash.split('/');
if (parts && parts.length > 0) {
doc = document.getElementById("eoev-detail-view");
doc.setAttribute('data-event', parts[0]);
if (parts.length > 1) {
doc.setAttribute('data-moment', parts[1]);
}
}
}
</script>
See the Pen EO Events Teaser by Matthias Bestfleisch (@mbestfleisch) on CodePen.