---
title: "News in der Listenansicht unterschiedlich rendern"
url: "https://www.typo3.net/d/111890-news-in-der-listenansicht-unterschiedlich-rendern"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage","tt_news"]
created: "2012-08-28"
last_reply: "2012-08-29"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# News in der Listenansicht unterschiedlich rendern

TYPO3 › TypoScript · 3 Antworten · gestartet 2012-08-28

## Eröffnungsbeitrag

**florist** · 2012-08-28 · [Beitrag #1](https://www.typo3.net/d/111890-news-in-der-listenansicht-unterschiedlich-rendern/1)

Hallo zusammen,

ich hatte das Problem, dass ich die Listenansicht und die Singleansoicht der tt_news auf der selben Seite realisieren musste.
Das hab ich mit Typoskript ganz gut lösen können und es funktioniert.
Jetzt stehe ich aber vor einem anderen Problem, hoffentlich kann mir jemand auf die Sprünge helfen.

In der linken Spalte habe ich die 4 neuesten Newselemente als liste , in der spalte rechts daneben ist dann die Single-ansicht des geklickten Newselements.
nun möchte ich aber das gerade aktiven Newselement in der liste anders formatieren, damit man erkennt welches gerade geklickt ist.

So sieht mein TS der Listenansicht bis jetzt aus, irgendwo muss da jetzt so etwas rein wie:
"Wenn Newselement geklickt/aktiv dann wrape dieses Newselement anders und gib im eine andere CSS-Klasse...)

```typoscript
#Alle News-Beiträge in einer Liste rendern, nur die letzten 4 anzeigen
page.10.marks.CONTENTLEFT.10 = CONTENT
page.10.marks.CONTENTLEFT.10.wrap = <div class="news_list-all-news">|</div> 
page.10.marks.CONTENTLEFT.10 {
table = tt_news
  select {
    pidInList = 19
    max = 4
  }
  renderObj = COA
  renderObj {
    wrap = <div rel="{field:uid}" id="news_list-news"><br /><br />|</div>
    wrap.insertData = 1
   
    1 = TEXT
    1.field = datetime
    1.strftime = %d.%m.%Y
    1.wrap = <span class="newsdate">|</span>
    2 = TEXT
    2.field = title
    2.wrap = <h3 class="listtitle">|</h3> 
    3 = TEXT
    3.field = short
    3.wrap = <span class="shorttext">|</span> 
    3.stdWrap.typolink = 1
    3.stdWrap.typolink {
      # seiten id auf dem sich das singleview plugin befindet:
      parameter = 22
      additionalParams = &tx_ttnews[tt_news]={field:uid}
      additionalParams.insertData = 1
      ATagParams.insertData = 1
    #  ATagParams = class = "AKTIV"  #
    }
  }  
}
```

## Antworten

### [#2](https://www.typo3.net/d/111890-news-in-der-listenansicht-unterschiedlich-rendern/2) · LuP · 2012-08-28

Hallo,

wrap überschreiben:

```typoscript
wrap.override.cObject = COA
wrap.override.cObject {
  10 = TEXT
  10 {
    value = <div rel="{field:uid}" id="news_list-news" class="active">|</div>
    if.equals.prioriCalc = intval
    if.equals.cObject = TEXT
    if.equals.cObject.data = GP:tx_ttnews|tt_news
    if.value.dataWrap = {field:uid}
  }
}
```

VG,
LuP

### [#3](https://www.typo3.net/d/111890-news-in-der-listenansicht-unterschiedlich-rendern/3) · florist · 2012-08-29

Hallo LuP

Merci für die Antwort, werd das ganze gleich mal testen und dann wieder posten.

Grüessle

### [#4](https://www.typo3.net/d/111890-news-in-der-listenansicht-unterschiedlich-rendern/4) · florist · 2012-08-29

Hat perfekt geklappt, danke für den tollen Tipp ;-)

```typoscript
#Alle News-Beiträge in einer Liste rendern, nur die letzten 4 anzeigen
page.10.marks.CONTENTLEFT.10 = CONTENT
page.10.marks.CONTENTLEFT.10.wrap = <div class="news_list-all-news">|</div>
page.10.marks.CONTENTLEFT.10 {
table = tt_news
  select {
    pidInList = 19
    max = 4
  }
  renderObj = COA
  renderObj {
    wrap = <div rel="{field:uid}" id="news_list-news"><br /><br />|</div>
    wrap.insertData = 1
    
    #Aktiven News-Eintrag abfragen und in CSS-Klasse "active-news" wrappen
    wrap.override.cObject = COA
    wrap.override.cObject {
      10 = TEXT
      10 {
        value = <div rel="{field:uid}" id="news_list-news" class="active-news">|</div>
        if.equals.prioriCalc = intval
        if.equals.cObject = TEXT
        if.equals.cObject.data = GP:tx_ttnews|tt_news
        if.value.dataWrap = {field:uid}
      }
    }

    1 = TEXT
    1.field = datetime
    1.strftime = %d.%m.%Y
    1.wrap = <span class="newsdate">|</span>
    2 = TEXT
    2.field = title
    2.wrap = <h3 class="listtitle">|</h3>
    3 = TEXT
    3.field = short
    3.wrap = <span class="shorttext">|</span>
    3.stdWrap.typolink = 1
    3.stdWrap.typolink {
      # seiten id auf dem sich das singleview plugin befindet:
      parameter = 22
      additionalParams = &tx_ttnews[tt_news]={field:uid}
      additionalParams.insertData = 1
    }
  }  
}
```

---

Quelle: „News in der Listenansicht unterschiedlich rendern“, typo3.net, https://www.typo3.net/d/111890-news-in-der-listenansicht-unterschiedlich-rendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.