Cutter.js: Textverkürzungen und „Weiterlesen“-Links per JavaScript
Moderne Websites werden häufig mit Teaser-Bereichen bestückt die einen bestimmten Inhalt mit einigen Zeilen einleiten, und anschließend einen „Weiterlesen“-Link anzeigen über den der Besucher den ungekürzten Inhalt angezeigt bekommt. Bei Blogs sind die Kategorie- und Übersichtsseiten größtenteils nach diesem Prinzip aufgebaut. Aber auch „normale“ Websites setzen zunehmend auf dieses Prinzip und realisieren beispielsweise die Startseite oder lange Seiteninhalte über Teaser.
Wer WordPress als Rückgrat einer Website einsetzt, wird eine solche Funktion wohl meistens über die functions.php
steuern; für kleine Websites, Portfolios oder andere statische Seiten muss jedoch eine andere Lösung her.
Cutter.js nimmt euch die Arbeit ab und kürzt Texte unter Berücksichtigung der enthaltenen HTML-Tags.
via tagdocs.de
Je nach Website-Konfiguration (base href) kann es zu falschen Verlinkungen kommen. Ich hab in der cutter.js den Link auf „#“ entfernt,
d.prototype.createViewMore = function () {
var f = b.createElement(„a“);
f.className = this.oClasses.more;
f.title = this.oTexts.more;
f.innerHTML = this.oTexts.more;
this.oViewMore = f
};
Dadurch wird nicht mehr falsch verlinkt und es geht trotzdem alles.
Wie kann ich denn den Code umkehren? Also dass zuerst nur ein Teil vom Text angezeigt wird und dann beim Klick der ganze Text? Bei mir wird zuerst der ganze Text angezeigt.
Und warum geht bei jedem Klick die ganze Seite wieder ganz nach oben?
Vielen Dank
Sehr cool.
Kann ich Grade gut gebrauchen :)