Contao Tipps und Tricks: Aktive Links in der Nachrichtenliste anzeigen.
Aktiven Link Status für Contao-News mit JavaScript erzeugen.
1) JavaScript:
Kopiere das folgende JavaScript-Snippet in das verwendete Seitenlayout, in den Abschnitt „Eigener JavaScript-Code“.
document.addEventListener("DOMContentLoaded", function() {
var currentUrl = window.location.href;
var links = document.querySelectorAll('.layout_simple a'); // Beispiel: layout_simple
links.forEach(function(link) {
if (link.href === currentUrl) {
link.classList.add('active');
link.removeAttribute('href'); // Entfernen des href-Attributs für den aktiven Link
link.style.pointerEvents = 'none'; // Deaktivieren von Klick-Events
}
});
});
2) CSS-Anweisung:
Passe den Link-Status mit CSS an. Beispiel:
.layout_simple a.active {
font-weight: bold;
text-decoration: none;
}
3) Modul anlegen:
Lege ein neues Modul vom Typ „Nachrichtenliste“ an und wähle in den Template-Einstellungen das Nachrichten-Template „news_simple“ aus. Setze anschließend die Module „Nachrichtenleser“ und „Nachrichtenliste“ in einen Artikel ein – zum Beispiel auf der Seite: Nachrichtenleser.html.