[TYPO3-german] TS eines Objektes an verschiedenen Stellen

Wed Apr 9 14:55:29 CEST 2014

Hallo Leute,

ich bastel noch an meinem Slider rum

ich habe jetzt das TS für den Slider fertig und es wird auch richtig 
ausgegeben. Als Basis soll der Flexslider dienen.
es soll auch möglich sein, mehrere Slider auf einer Seite zu zeigen.

Das gesamte TS steht unten.

Das TS im sieht schematisch so aus:

lib.FlexSlider =
     10 = HTML-AUSGABE (trägt die ID des Sliders ein)
     20 = JAVASCRIPT-AUSGABE (braucht die ID des Sliders)
}

In der HTML-Ausgabe sollte es aber so sein:

<HTML>
     <Texte>
     <SLIDER ID-1>
     <Texte>
     <SLIDER ID-2>
     <Texte>

     <jQuery-Einbindung>
     <FlexSlider-Einbindung>
     <SliderInitialisierung ID1>
     <SliderInitialisierung ID1>
</HTML>

Wie kann ich einerseits den Slider aufbauen und diesen innerhalb des 
Contentbereichs der HTML-Seite ausgeben, und dann die ID unterhalb der 
Webseite zur Initialisierung ausgeben?

geht das?

<SLIDER ID-1>
lib.FlexSlider =
     10 = HTML-AUSGABE (trägt die ID des Sliders ein)
     20 = speichert über TS die ID in einem ARRAY
}
</SLIDER ID-1>
<SLIDER ID-2>
lib.FlexSlider =
     10 = HTML-AUSGABE (trägt die ID des Sliders ein)
     20 = speichert über TS die ID in einem ARRAY
}
</SLIDER ID-2>
...
<SliderInitialisierung ID1>
     holt aus dem ARRAY die erste ID
</SliderInitialisierung ID1>
<SliderInitialisierung ID2>
     holt aus dem ARRAY die zweite ID
</SliderInitialisierung ID2>

Vielen Dank,
Marco.

Vollständiges TS

lib.FlexSlider = COA
lib.FlexSlider {
     1 = LOAD_REGISTER
     1.counterItemSlider = 0

     2 = LOAD_REGISTER
     2.firstItemSliderClass = active

# HTML AUSGABE #
     10 = FILES
     10 {
         references {
             table = tt_content
             uid.data = field:uid
             fieldName = image
         }
         stdWrap.dataWrap = <div class="flexslider-{field:uid}"><div 
class="slides"><ul>|</ul></div></div>
         renderObj = COA
         renderObj {
             10 = TEXT
             10 {
                 value = <li class="item {register:firstItemSliderClass}">
                 insertData = 1
             }
             20 = IMAGE
             20 {
                 file {
                     import.data = file:current:originalUid // 
file:current:uid
                     height = 400c
                     width < lib.bildbreite
                 }
             }

             30 = COA
             30 {
                 stdWrap.wrap =<div class="PicSlider-caption">|</div>
                 stdWrap.required = 1
                 10 = COA
                 10 {
                     stdWrap.wrap =<h4>|</h4>
                     stdWrap.required = 1
                     10 = TEXT
                     10 {
                         value ={file:current:title}
                         insertData = 1
                     }
                 }
                 20 = COA
                 20 {
                     stdWrap.wrap =<p>|</p>
                     stdWrap.required = 1
                     10 = TEXT
                     10 {
                         value ={file:current:description}
                         insertData = 1
                     }
                 }
             }

             40 = TEXT
             40.value = </li>

             50 = RESTORE_REGISTER
         }
     }

# JAVASCRIPT AUSGABE #
     20 = COA
     20 {
         10 = TEXT
         10.value = <script 
type="text/javascript">$(document).ready(function(){$('.flexslider-

# ID DES SLIDERS #
         20 = TEXT
         20.value = {field:uid}
         20.insertData = 1

         30 = TEXT
         30.value = ').flexslider({animation: "slide",start: 
function(slider){$('body').removeClass('loading');}});});</script>
     }
}