Zum Inhalt springen

Datensätze in zwei Div-Container spliten

Erstellt am 24. August 2012 · 6 Antworten · letzte Antwort am 14. September 2012

Tags: Frage

Sebastian Schmal ·

Ich möchte gerne ca. 10 tt_content Datensätze in zwei Div-Container spliten.
Aber wenn es geht 5 Stück in einen "<div class="left">..</div>" und in den anderen "<div class="right">..</div>" die restlichen 5 Datensätze.

Den Output der Datensätze usw. bekomme ich alles hin, dass ist kein Problem.
Nur mit den optionsplit bin ich mir nicht sicher.
muss man dazu ggf. noch einen counter einbauen, oder so was?

Die Reihenfolge der Datensätze wäre mir egal.
Wichtig wären mir die DIV´s

<div rechts>
<div 1>
<div 3>
<div 5>
</div rechts>
<div links>
<div 2
<div 4>
<div 6>
</div links>
Aber Reihenfolge wäre auch egal.

Ich freue mich auf eine Antwort.

Chrissli ·

Theoretisch kannst du das auch ohne optionSplit umsetzen:

temp.irgendwas = COA
temp.irgendwas {
  1 = CONTENT
  1 { 
    table = tt_content
    select {
      begin = 0
      max = 5
    }
    renderObj.stdWrap.dataWrap = <div class="entry_{cObj:parentRecordNumber}">|</div>
    stdWrap.wrap = <div class="rechts">|</div>
  }
  2 < .1
  2.select {
    begin = 5
    max = 5
  }
  2.stdWrap.wrap = <div class="links">|</div>
}
Sebastian Schmal ·

an so was habe ich auch schon gedacht 🙂
nur was ist wenn die anzahl der inhalte nicht vorhanden ist?

z.b. nur 6 oder 13 Elemente

Das hier funktioniert:

# Hier wird das Menü der Unterseiten (mit Inhaltsangabe) ersetzt
# um ein Bild aus den Seiteneigenschaften anzuzeigen
tt_content.menu.20.9 >
tt_content.menu.20.9 = COA
tt_content.menu.20.9 {
  wrap = <div class="teaser-product-wrap">|</div>
  
  
  10 = HMENU
  10 {
    
    special = directory
    special.value.field = pages
    
    begin = 0
    maxItems = 2
    
    1 = TMENU
    1 {
      
      wrap >
      wrap = <div class="teaser-product-lvl1-wrap-outer left">|</div>
      expAll = 1
      noBlur = 1
      NO >
      NO {
        
        before >
        beforeWrap >
        after >
        linkWrap >
        ATagBeforeWrap >
        ATagParams >
        doNotLinkIt = 1
        doNotShowLink = 0
        
        wrapItemAndSub >
        wrapItemAndSub = <div class="csc-textpic-border teaser-product-lvl1-wrap">|</div>
        
        ATagTitle >
        stdWrap >
        stdWrap.cObject >
        stdWrap.cObject = COA
        stdWrap.cObject {
          
          #IMAGE
          10 = IMAGE
          10 {
            wrap = <div class="csc-textpic-imagewrap csc-textpic-single-image teaser-illu">|</div>
            file {
              width = 325c
              height = 
              maxW = 325c
              maxH = 
              import {
                cObject = TEXT
                cObject {
                  cObject = TEXT
                  cObject {
                    value = fileadmin/templates/img/hierfehltnochdername.jpg
                    override {
                      required = 1
                      data = levelmedia:-1, slide
                      wrap = uploads/media/|
                      listNum = 0
                    }
                  }
                  override {
                    required = 1
                    field = media
                    wrap = uploads/media/|
                    listNum = 0
                  }
                }
              }
            }
            altText.field = title
            titleText.field = title
            imageLinkWrap = 1
            imageLinkWrap {
              enable = 1
              typolink {
                target = _self
                parameter.field = uid
                ATagParams = class="more"
                title.cObject=TEXT
                title.cObject.field = nav_title // subtitle // title
              }
            }
          }
          
          #WRAP Start
          15 = TEXT
          15 {
            wrap = <div class="teaser-header-text-wrap">
          }
          
          #TEXT
          30 = COA
          30 {
            wrap = <div class="teaser-text">|</div>
            10 = TEXT
            10 {
              field = abstract
              crop = 90 | ... | 1
              wrap = <h2 class="teaser-text-inner">|</h2>
            }
            #HEADLINE
            20 = TEXT
            20 {
              wrap = <p class="more">|</p>
              field = title
              ATagTitle.field = nav_title // subtitle // title
              typolink.parameter.field = uid
              typolink.title.cObject=TEXT
              typolink.title.cObject.field = nav_title // subtitle // title
            }
          }
          #WRAP Start END
          35 = TEXT
          35 {
            wrap = </div>
          }
        }

      }
    }

    
  }
  #end lvl1
  20 < .10
  
  20 = HMENU
  20 {
    
    begin = 2
    maxItems = 2
    
    1.wrap >
    1.wrap = <div class="teaser-product-lvl1-wrap-outer right">|</div>
  
}

Doch wie schon oben beschrieben, wie könnte man den kram noch so aufbauen, wenn die Anzahl unbekannt ist!?!