renderListOfSubcontents

Seven49Cms.renderListOfSubcontents(urlToJson,params);

• urlToJson: CMSAPI/Contents/SubContents.svc/GetHtmlOfSubcontents?languageCatID=405&mainCatID=1965&contentID=31323&includePageUrl=true&csQuerySelector=
• params {} defaults:
  • characters: 200, // nach wie vielen Zeichen soll der Text gekürzt werden | 0 = ungekürzter Text
  • containerSelector : “#sub-contents”, // in welches Element soll die Liste eingefügt werden
  • headline: “h1.ContentTitle”, // Welcher Titel soll verwendet werden
  • linkHeadline: false, // false => es wird ein extra Link am Ende des Inhalts gesetzt, true => Der Titel wird verlinkt
  • image: true, // Bild anzeigen (erfordert ein Bildelement)
  • textContainer: “.ImageText”, // Aus diesem Element wird der Text extrahiert
  • listImageClass: “listImage”, // CSS Klasse für den Bildcontainer
  • listClass: “customListing”, // CSS Klasse für den Container (ul)
  • listItemClass: “listItem”, // CSS Klasse für das Listenelement (li) - jedes li bekommt ein zusätzliche CSS Klasse listItemX (listItem mit Zähler)
  • headTag: “h2”, // Header Tag
  • moreLinkText: “Weiter lesen”, // “Weiter Link” Text
  • textEnd: “ … ”, // Ende des (gekürzten Textes)
  • noText: “no content available”, // Text, wenn kein Text extrahiert werden kann
  • hasImgClass: “hasImage”, // CSS Klasse, welche auf das li gesetzt wird, wenn ein Bild vorkommt (wenn image: true)
  • listDescriptionClass: “Description”, // Klasse für den Text Container
  • moreLinkClass: “more”, // CSS Klasse für den Container des “Weiter Link”
  • moreLinkContainerTag: “p” // Tag des “Weiter Link” - Container
  • limit: 0 // 0 = alle anzeigen, limit: x > 0 => es werden x - ElementE angezeigt

Beispiel

<div id="test"></div>
<script>
 Seven49Cms.renderListOfSubcontents("CMSAPI/Contents/SubContents.svc/GetHtmlOfSubcontents?languageCatID=405&amp;mainCatID=1965&amp;contentID=31323&amp;includePageUrl=true&amp;csQuerySelector=div.ContentTitle,.Image1",{characters: 500, headTag = "h3",containerSelector: "#test",hasImageClass="containsImage", moreLinkText: "Read more"});
</script>

Output:
<div id="test">
<ul class="customList">
<li class="listItem listItem1 containsImage">
<h2>My fancy title</h2>
<div class="listImage"><img src="https://help.seven49.net/Images/myFancyPicture.jpg" width="300" height="200" alt="" /></div>
<div class="Description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore ... </div>
<p class="more"><a href="/my_fancy_page.htm">Read more</a></p>
</li>
<li class="listItem listItem2 containsImage">
<h2>My fancy page with no text</h2>
<div class="listImage"><img src="https://help.seven49.net/Images/myFancyPicture2.jpg" width="400" height="150" alt="" /></div>
<div class="Description">no content available</div>
<p class="more"><a href="/my_fancy_page.htm">Read more</a></p>
</li>
</ul>
</div>