Weitere Inhalte zu Listeneinträgen per JavaScript nachladen

07. März 2023

embedPage einbetten einfügen wOpenURL embedListEntrySelf Listeneinträge embedListEntry

Über die Javascriptfunktion wOpenURL können Sie aus anderen Seiten des Projektes Inhalte in die aktuelle Seite einbetten (embedPage).

Innerhalb des Listen-Elementes können Sie mit dieser Technik z.B. Inhalte zu den Listeneinträgen per Klick über JavaScript laden.

Beispiel: Warenkorb in Produktliste laden

In der Listenansicht des Objekt-Wizards wird über das Element "Objektdaten als HTML ausgeben" ein a-Tag eingefügt. Dieses ruft die Funktion wOpenURL auf und gibt diesem einen Link mit. Der zweiten Parameter 'embedListEntrySelf' definiert, dass der ermittelte HTML-Code innerhalb des li-Elementes eingefügt werden soll.

Beispiel: Auszug Objektdaten als HTML ausgeben

<!--
  Über folgende data-Attribute können Sie die Funktion zusätzlich beeinflussen:
  data-embedBefore          - [|1] Der ermittelte HTML-Code wird zu Beginn des li-Tags eingefügt. 
  data-embedClass           - Der Embedded-Container bekommt die angegebene CSS-Klasse 
  data-embedClassAdditional - Die CSS-Klassen des Embedded-Containers werden um diese CSS-Klassen ergänzt
  data-embedMultiple        - [|1] Wurde bereits ein Embedded-Container verwendet, wird ein weiterer hinzugefügt (1)
-->

<a href="#" onclick="wOpenURL('/[Inhaltsprojekt]/shop/scripts/cart.php?action=showProductCart&item=[!--wDocumentPath--]', 'embedListEntrySelf', this);return false;">Warenkorbansicht öffnen</a>