[TYPO3-german] addClassesImage und der <dl class="...."> Tag und andere Probleme
schnabelvieh
nico.mock at dieyetis.de
Thu Feb 7 18:36:16 CET 2008
Hallo Alle,
erstmal ein riesiges Dankeschön. Die Tips die ich bislang bekommen habe,
haben mir schon eine Menge geholfen.
Wie schon unter dem Topic
"NEWBIE: Umsetzung eines HTML-Prototypen in Typo3"
erwähnt, wollte ich den HTML-Source-Code
##############################################################
<dl class="bild">
<dt><img src="img/ib-hoersaal.jpg" alt="beschreibung" /></dt>
<dd class="copyright">© TUB</dd>
</dl>
###############################################################
aus meinem Prototypen nachbauen.
Das habe ich auch geschafft, indem ich das rendering angepaßt habe:
################################################################
tt_content.image.20 {
layout {
default.value = ###IMAGES######TEXT###
1.value = ###IMAGES######TEXT###
2.value = ###IMAGES######TEXT###
8.value = ###TEXT######IMAGES###
9.value = ###TEXT######IMAGES###
10.value = ###TEXT######IMAGES###
17.value = ###IMAGES######TEXT###
18.value = ###IMAGES######TEXT###
25.value = ##IMAGES######TEXT###
26.value = ##IMAGES######TEXT###
}
/* damit verschwindet das übliche <div class="........" > | </div>
wrapping */
rendering {
dl {
oneImageStdWrap.dataWrap = <dl class="bild"> | </dl>
/* hier verlange ich, dass meine Klasse verwendet wird */
caption {
required = 1
wrap = <dd class="zoom"> | </dd>
}
}
}
}
##################################################################
Jetzt gibt es in meinem Prototype natürlich mehr als eine Klasse:
Nämlich: <dl class="big"> und <dl class="thumb">.
Im Template Analyser findet man:
##################################################################
addClasses =
addClassesImage =
addClassesImage.ifEmpty = csc-textpic-firstcol csc-textpic-lastcol
addClassesImage.override = csc-textpic-firstcol |*| |*| csc-textpic-lastcol
addClassesImage.override.if {
isGreaterThan.field = imagecols
value = 1
}
##################################################################
Hier wird also über das Feld imagecols im Backend vorgegeben welche
Klasse im <dl> - Tag steht.
Nun habe ich mir gedacht, ich mache das so ähnlich und modifiziere
tt_content.image.20 folgendermaßen:
##################################################################
tt_content.image.20 {
imageStdWrap.dataWrap = |
imageStdWrapNoWidth.wrap = |
addClassesImage.override.if {
equals.field = imagecols
value = 1
}
addClassesImage.override = bild
addClassesImage.override.if {
equals.field = imagecols
value = 2
}
addClassesImage.override = big
layout {
default.value = ###IMAGES######TEXT###
1.value = ###IMAGES######TEXT###
2.value = ###IMAGES######TEXT###
8.value = ###TEXT######IMAGES###
9.value = ###TEXT######IMAGES###
10.value = ###TEXT######IMAGES###
17.value = ###IMAGES######TEXT###
18.value = ###IMAGES######TEXT###
25.value = ##IMAGES######TEXT###
26.value = ##IMAGES######TEXT###
}
rendering {
dl {
oneImageStdWrap.dataWrap = <dl class="###CLASSES###"> | </dl>
caption {
required = 1
wrap = <dd class="zoom"> | </dd>
}
}
}
}
##################################################################
Mmmmmmmmmmmmmm, klappt nicht. Jetzt wird ####CLASSES#### leider durch
nichts ersetzt und mein <dl> hat kein ordentliches Attribut mehr.
Wiesu denn bluus ?
Ich bin mir nicht sicher ob ich die Ausgabe aus dem Template Analyser
richtig interpretiere, sprich ob imagecols wirklich dazu gedacht ist die
Attribute des <dl> tags zu ändern, aber lasse ich meine Änderungen weg,
wird ####CLASSES#### durch sc-textpic-firstcol bzw sc-textpic-lastcol
ersetzt.
Außerdem stellt sich mir eine ähnliche Frage bei den Klassen die das
<caption> - Tag zugewiesen bekommt.
Hier habe ich allerdings gar keine Idee.
Nochmals Danke, insbesondere an Natascha ;)
Gruß Nico
More information about the TYPO3-german
mailing list