Klassen je nach zugewiesenem Content-Layout

mensch · #1 19.01.07, 14:40

Moin,
die ursprüngliche Frage habe ich gelöscht, da ich zwar mit einem anderen Ansatz aber doch dem Ziel näher einen winzigen Schritt weiter bin (Ergebnis von 30 Stunden).
Gruss Mensch

mensch · #2 20.01.07, 10:30

Ich bin schon am Verzweifeln und die Anforderung muss gelöst werden und ich komme keinen Schritt mehr weiter. Contents mit colPos RAND greife ich bereits für einen separaten DIV-Bereich ab.

Mein Problem ist folgendes:
Alles andere soll in einem DIV-Bereich landen. Jedoch sollen die Inhalte je nach colPos LINKS, NORMAL und RECHTS
UND
CType also "text", "image" oder "textpic"
in unterschiedliche Div-Klassen gewrappt werden - Beispiel:
<div class="middle>
<div class="links text>Text-Content-Inhalt</div>
<div class="rechts text>Text-Content-Inhalt</div>
<div class="normal textpic>Text mit Bild-Content-Inhalt</div>
<div class="rechts textpic>Text mit Bild-Content-Inhalt</div>
</div>

Mein derzeitiges TS unterscheidet bereits nach ColPos und wirft bei Text-Objekten entsprechende Div-Klassen aus - also:
<div class="middle>
<div class="links>Text-Content-Inhalt</div>
<div class="rechts>Text-Content-Inhalt</div>
<div class="norma>Text mit Bild-Content-Inhalt</div>
<div class="rechts>Text mit Bild-Content-Inhalt</div>
</div>

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:

r.10 = TEMPLATE
r.10 {
marks.CONTENT = COA
marks.CONTENT {
10 = CONTENT
10 {
wrap = |
table = tt_content
select.where = colPos <> 3
select.orderBy = sorting
select.languageField = sys_language_uid

renderObj < tt_content
renderObj {
stdWrap.innerWrap.cObject=CASE
stdWrap.innerWrap.cObject {
key.field = colPos
default=TEXT
default.value=<div class="texte">|</div>
1=TEXT
1.value=<div class="texte1">|</div>
2=TEXT
2.value=<div class="texte2">|</div>
}
}
}
}
}

Schier verzweifelt: Nur, wie bekomme ich noch die Untescheidung für die CType's rein?
Gruss Mensch

arittner · #3 20.01.07, 11:51

Moin!

Zitat:

Zitat von mensch

Schier verzweifelt: Nur, wie bekomme ich noch die Untescheidung für die CType's rein?
Gruss Mensch

Eigentlich nicht schwierig, nur die CASE-Abfragen verschachteln:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:

r.10 = TEMPLATE
r.10 {
marks.CONTENT = COA
marks.CONTENT {
10 = CONTENT
10 {
wrap = |
table = tt_content
select.where = colPos <> 3
select.orderBy = sorting
select.languageField = sys_language_uid

renderObj < tt_content
renderObj {
stdWrap.innerWrap.cObject=CASE
stdWrap.innerWrap.cObject {
key.field = colPos
default=CASE
default {
key.field = CType
default = TEXT
default.value = <div class="standard">|</div>
textpic = TEXT
textpic.value=<div class="textpicdef">|</div>
text = TEXT
text.value=<div class="textonlydef">|</div>
image = TEXT
image.value=<div class="imageonlydef">|</div>
}
1 = CASE
1 {
key.field = CType
default = TEXT
default.value = <div class="standard1">|</div>
textpic = TEXT
textpic.value=<div class="textpic1">|</div>
text = TEXT
text.value=<div class="textonly1">|</div>
image = TEXT
image.value=<div class="imageonly1">|</div>
}
2 = CASE
2 {
key.field = CType
default = TEXT
default.value = <div class="standard2">|</div>
textpic = TEXT
textpic.value=<div class="textpic2">|</div>
text = TEXT
text.value=<div class="textonly2">|</div>
image = TEXT
image.value=<div class="imageonly2">|</div>
}
}
}
}
}
}

Ich habe es in kleinerem Rahmen getestet. Sollte also funktionieren (wenn ich mich hier nicht vertippt habe).

Beste Grüße,
Josch.

mensch · #4 20.01.07, 12:01

Daaaaanke Josch,
werde es jetzt gleich probieren.
Gruss Mensch

mensch · #5 02.02.07, 10:28

moin, nochmal ich

so nach der Devise, viele Wege führen nach Typo3, google ich mich seit zwei Tagen zu Tode

. Auf nachfolgende Zielsetzung finde ich keinen Anhaltspunkt, der mir helfen könnte:
Je nach Contenttyp (CType: text, textpic, image) und je nach Contenposition (colPos: 0=normal, 1=links, 2=rechts) möchte ich voneinander abhängige Klasse wrappen können.
Folgendes Beispiel soll als Ergebnis erscheinen:
1. Beispiel - Contentyp: text, Contentposition: links =

HTML-Code:

<div class="links"><div class="text"> | </div></div>

2. Beispiel - Contentyp: image, Contentposition: links =

HTML-Code:

<div class="image"> | </div>

Der nachfolgende Beispielcode produziert mir jedoch beim Contentyp: image (bei dem die Positionierung in meinem Layout überhaupt keine Rolle spielt) das folgende, was ich nicht gebrauchen kann =

HTML-Code:

<div class="links"><div class="image"> | </div></div>

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:

temp.contentWrap < tt_content.stdWrap
temp.contentWrap {
prepend = CASE
prepend {
key.field = colPos
default = TEXT
default.value = <div class="normal">
1 = TEXT
1.value = <div class="links">
2 = TEXT
2.value = <div class="rechts">
}

append = CASE
append {
key.field = colPos
default = TEXT
default.value = </div>
1 = TEXT
1.value = </div>
2 = TEXT
2.value = </div>
}
}
r.10 = TEMPLATE
r.10 {
template = FILE
template.file = fileadmin/xyz.html
workOnSubpart = BODY
marks.CONTENT = COA
marks.CONTENT {
10 = CONTENT
10 {
wrap = |
table = tt_content
select.where = colPos < 3
select.orderBy = sorting
select.languageField = sys_language_uid

renderObj < tt_content
renderObj {
text.wrap = <div class="texte">|</div>
textpic.wrap = <div class="textebilder">|</div>
image.wrap = <div class="bilder">|</div>

stdWrap >
stdWrap < temp.contentWrap
stdWrap.required = 0
image.20.renderMethod = div
}
}
}
}

Wie kann ich je nach Typ UND Position des Contents wrappen?

Gruss Mensch

PS: So wäre es mir möglich, alle Inhalte quer Beet, also links, normal oder rechts entsprechend der Reihenfolge (sorting) positionieren zu lassen, so das beispielsweise solche ein Ergebnis - gesteuert durch das CSS - auf der Seite erscheint:
1. Reihe: breiter Content (normal)
2. Reihe: linker Content + rechter Content
3. Reihe: bild1 + bild2 + bild3 + bild4 +
4. Reihe: bild5 + ...
5. Reihe: breiter Content (normal)

**Armin** · #6 02.02.07, 11:55

moin,

Zitat:

Wie kann ich je nach Typ UND Position des Contents wrappen?

Musst du halt verschachteln.

Aber, ich verstehe nicht den Sinn und Zweck deiner Aktion. Du brauchst doch nur ein extra div um jedes colPos, den Rest kann man doch per CSS erledigen.

Armin

mensch · #7 02.02.07, 16:20

hi armin,
was meinst Du mit "verschachteln"? Habe zwar just eine Lösung gefunden, aber die könnte eventuell unperfomant sein oder was auch immer. Der Sinn und Zweck meiner Aktion ist,
1. dass ich in meinem CSS-Style
- ausschliesslich mit DIV-Blockelementen
- mit festen Breiten für LINKS, NORMAL und RECHTS und bei BILDERN mit flexiblen Breiten,
- mit floats arbeite
- und komplett die paddings entfernt habe, da ich sonst je nach Browser unterschiedliche Darstellung hatte.
2. dass ich keine fixierten Punkte in meinem HTML-Template für LINKS, NORMAL und RECHTS habe, sondern diese - entsprechend der vom Redakteur festgelegten Reihenfolge - quer Beet erscheinen sollen. Unter anderem werden bei BILDERn die colPos LINKS, NORMAL oder RECHTS nicht berücksichtigt.
3. Oder weil ich zu Dummie für Typo3 bin und es nicht besser wusste

Meine derzeitige Lösung:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:

r.10 = TEMPLATE
r.10 {
template = FILE
template.file = fileadmin/xyz.html
workOnSubpart = BODY
marks.CONTENT = COA
marks.CONTENT {
10 = CONTENT
10 {
wrap = |
table = tt_content
select.where = colPos < 3
select.orderBy = sorting
select.languageField = sys_language_uid

renderObj < tt_content
renderObj {
text.stdWrap {
prepend = CASE
prepend {
key.field = colPos
default = TEXT
default.value = <div class="normal"><div class="texte">
1 = TEXT
1.value = <div class="sol"><div class="texte">
2 = TEXT
2.value = <div class="sag"><div class="texte">
}

append = CASE
append {
key.field = CType
default = TEXT
default.value = </div></div>
1 = TEXT
1.value = </div></div>
2 = TEXT
2.value = </div></div>
}
}
textpic.stdWrap {
prepend = CASE
prepend {
key.field = colPos
default = TEXT
default.value = <div class="normal"><div class="textebilder">
1 = TEXT
1.value = <div class="sol"><div class="textebilder">
2 = TEXT
2.value = <div class="sag"><div class="textebilder">
}

append = CASE
append {
key.field = CType
default = TEXT
default.value = </div></div>
1 = TEXT
1.value = </div></div>
2 = TEXT
2.value = </div></div>
}
}
stdWrap.required = 0
image.wrap = <div class="bilder">|</div>
image.20.renderMethod = div
}
}
}
}

Gruss Mensch

PS: Bin gerne bereit einen anderen Ansatz aufzugreifen.

arittner · #8 02.02.07, 16:34

Moin!

Zitat:

Zitat von mensch

hi armin,
was meinst Du mit "verschachteln"?

Ich hatte doch oben gezeigt, wie man CASE-Objekte verschachteln kann und so 2 Bedingungen geprüft werden können. Ist nur etwas unübersichtlich in TS.

Beste Grüße,
Josch.

mensch · #9 02.02.07, 16:53

moin arittner,
werde nochmal in Klausur gehen, war damals vermutlich zu doof um abzuschreiben. Tut mir leid

Gruss Mensch

Nochmal ich, ich war wirklich zu doof, es klappt. Herzlichen Dank an ALLE und viele Grüsse Mensch

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
TD Klassen erscheinen erst nach Wechsel von contentCSS	bluefire	TYPO3 4.x Rich Text Editor	1	07.03.08 13:14
andere CSS Klassen für anderes Content-Element	mod83	TYPO3 4.x Fragen und Probleme	3	29.08.07 09:37
Für jeden Content eigene Box im Layout	Littledaedalus	TYPO3 4.x Fragen und Probleme	3	25.06.07 23:38
Layout Link im Content

Suche

Userpanel