Am 14.11.2012 21:25, schrieb Matthias Eberlein:
Hallo Liste,
ich habe das Problem einen zusätlichen <li> in einer list mit
auszugeben. Folgendes. Ich hole mir per TS die Daten (Cat Titel) aus der
Tabelle tt_news_cat.
Die einzelnen Title werden in <li>|</li> ausgegeben.
<ul>
<li>NewsCat1</li>
<li>NewsCat2</li>
<li>NewsCat3</li>
<li>NewsCat4</li>
</ul>
Was ich Benötige ist ein Zusätzliches li vor dem ersten oder auch nach
dem letzten li. Ein li ohne Daten. Ich habe schon Verschiedene
Möglichkeiten Versucht, jedoch wird zu jedem Cat Title der Zusätzliche
li wiederholt. Ich benötigen ihn natürlich nur einmal.
Hier mal mein script.
lib.IsotopejQueryNewsGalleryNavigation = CONTENT
lib.IsotopejQueryNewsGalleryNavigation {
stdWrap.outerWrap = <section id="options" class="clearfix">|</section>
stdWrap.innerWrap = <ul id="filters" class="option-set clearfix
isotopeItem" data-option-key="filter">|</ul>
table = tt_news_cat
select {
pidInList = {$isotopeGallery}
selectFields = tt_news_cat.uid, tt_news_cat.title
andWhere = NOT tt_news_cat.deleted AND NOT tt_news_cat.hidden
andWhere.intval = 1
max = {$isotopeGalleryMaxItems}
orderBy = tt_news_cat.title ASC
}
renderObj >
renderObj = COA
renderObj {
stdWrap.dataWrap = <li class="isotopeItemLink
{field:uid}"><a class="{field:uid}" href="#filter"
data-option-value=".{field:title}">|</a></li>
stdWrap.dataWrap.insertData = 1
10 = TEXT
10.field = title
}
}
Wie bekomme ich nun ein "<li><a href="#filter" data-option-value="*"
class="selected">show all</a></li>" innerhalb <ul> vor dem ersten oder
nach dem Letzten li?
Gruß und Danke schon mal...
Matthias
Nun, wie gesagt is schon sehr früh. Habe dabei warscheinlich den Tip von
Stefan nicht genau gelesen.
Den Dummy li in den innerWrap zu dem ul hat es gebracht. So einfach so
oft für andere sachen Verwendet. Man oh man.....
Nun gut es geht und das ist gut so.
Hier noch mal schnell das komplette script für eine ISOTOPTE Gallery aus
tt_news beiträgen...
######################################
# tt_news with jQuery ISOTOPE PLUGIN #
######################################
lib.NewsGallerySelect = CONTENT
lib.NewsGallerySelect {
table= tt_news
select {
pidInList = {$isotopeGallery}
selectFields = tt_news.title, tt_news.image, tt_news.bodytext,
tt_news.crdate, tt_news.datetime, tt_news.author, tt_news_cat.title AS
category
where = NOT tt_news.deleted AND NOT tt_news.hidden
where.intval = 1
join = tt_news_cat_mm ON (tt_news_cat_mm.uid_local = tt_news.uid)
JOIN tt_news_cat ON (tt_news_cat.uid = tt_news_cat_mm.uid_foreign)
orderBy = tt_news.datetime DESC
max =
}
}
lib.NewsSelectGalleryContent = CONTENT
lib.NewsSelectGalleryContent = < lib.NewsGallerySelect
lib.NewsSelectGalleryContent {
renderObj = COA
renderObj{
stdWrap.dataWrap = <div class="isotope-item {field:category}"
data-category="{field:category}">|</div>
stdWrap.dataWrap.insertData = 1
stdWrap.wrap = <article>|</article>
stdWrap.innerWrap = <div class="inner-box">|</div>
20 = IMAGE
20 {
if.isTrue.field = image
required=1
file.import=uploads/pics/
file.import.field=image
file.width= 200C
file.height=
file.import.listNum = 0
titleText.field = imagetitletext
altText.field = imagecaption
stdWrap.insertData=1
wrap = <figure>|</figure>
imageLinkWrap = 1
imageLinkWrap {
enable =
typolink.parameter =
typolink.additionalParams=
typolink.additionalParams.insertData =
typolink.useCacheHash=
}
}
30 = COA
30 {
wrap = <div class="title-wrap">|</div>
1 = TEXT
1 {
field=short
# ifEmpty.field = title
wrap = <p>|</p>
crop = 20|...|1
}
}
}
}
lib.IsotopejQueryNewsGalleryNavigation = CONTENT
lib.IsotopejQueryNewsGalleryNavigation {
stdWrap.outerWrap = <section id="options" class="clearfix">|</section>
#so nicht...
# stdWrap.innerWrap = <ul id="filters" class="option-set clearfix
isotopeItem" data-option-key="filter">|</ul>
# SO gehts...
stdWrap.innerWrap = <ul id="filters" class="option-set clearfix
isotopeItem" data-option-key="filter"><li class="beforetest"><a
href="#filter" data-option-value="*"> show all |</a></li></ul>
table = tt_news_cat
select {
pidInList = {$isotopeGallery}
selectFields = tt_news_cat.uid, tt_news_cat.title
andWhere = NOT tt_news_cat.deleted AND NOT tt_news_cat.hidden
andWhere.intval = 1
max = {$isotopeGalleryMaxItems}
orderBy = tt_news_cat.title ASC
}
renderObj >
renderObj = COA
renderObj {
10 = COA
10 {
stdWrap.dataWrap = <li class="isotopeItemLink"><a
class="{field:uid}" href="#filter"
data-option-value=".{field:title}">|</a></li>
stdWrap.dataWrap.insertData = 1
10 = TEXT
10.field = title
}
}
}
lib.IsotopejQueryNewsGallery = COA
lib.IsotopejQueryNewsGallery {
wrap = <div class="brick_container_wrapper">|</div>
10 = COA
10 {
1 < lib.IsotopejQueryNewsGalleryNavigation
}
20 = COA
20.wrap = <div id="container" class="clearfix">|</div>
20 {
2 < lib.NewsSelectGalleryContent
}
}
Wenn es ne bessere Lösung gibt - Dann her damit.:-)
gruss
matthias
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
