Suche

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>

				
			

Codebeispiel Teaser-Seite:

See the Pen EO Events Teaser by Matthias Bestfleisch (@mbestfleisch) on CodePen.