accordion wirkt nicht

Averlon · #1 12.01.08, 16:24

Hallo kollegen,

ich habe die extension rgaccordion installiert.
Auch die notwendige extension t3mootools ist installiert und konfiguriert.

Der Content (marker: INHALT7) wird auf der entsprechenden seite auch angezeigt, aber ganz "normal", nicht als accordion, obwohl, natürlich, das feld accordion im content aktiviert ist.

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:

# Seitendefinitionen

main=PAGE
main {
typeNum=0
bodyTag=<body topmargin="0" leftmargin="0" bgcolor="#ffffff">
includeCSS {
file1=fileadmin/style.css
file2=fileadmin/styleeigene.css
file3=fileadmin/stylenewsDSL.css
file4=fileadmin/styleRSS.css
file5=fileadmin/mm_forum.css
file6=fileadmin/stylettproducts.css
file7=fileadmin/ext/rgaccordion/rgaccordion1.css
}
includeJS {
file51=EXT:t3mootools/res/mootoolsv1.11.js
file52=EXT:rgaccordion/res/rgaccordion1.js
}
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/vorlage_1024.htm
workOnSubpart=DOKUMENT

subparts {
ACCORDION1.renderObj < plugin.tx_rgaccordion1
}

marks {

# Inhalt der Hauptseite
INHALT7=CONTENT
INHALT7 {
table=tt_content
select.orderBy=sorting
select.where=colPos=0
select.pidInList=342
}
}
}
}

Der teil in meinem template ist sehr einfach gehalten.

HTML-Code:

<!-- start of subpart: ###ACCORDION1### --> <div class=”rgaccord1-nest”> <div class=”rgaccord1-content”>
###INHALT7###
</div> </div> <p><span style="font-size: 5pt">&nbsp;</span></p> <!-- end ###ACCORDION1### -->

Im moment fehlt mir die richtige idee, was denn falsch sein könnte.

typo3: 4.1.3
accordion: 1.1.1
t3mootools: 1.2.0

Hilfestellung ist willkommen.

rari2003 · #2 12.01.08, 22:40

Hi,

ich habe ebenfalls die Accordion eingesetzt. Wollte auch nur bestimmte CE damit bedienen:

Ich habe es so eingebunden wie es im Manual steht:

Code:

 
# Activate rgaccordion for the main column
page.1.subparts.INHALT.renderObj  < plugin.tx_rgaccordion1
# Include the JS and CSS (demo) 
filespage.includeCSS.file57 = EXT:rgaccordion/res/rgaccordion1.css
page.includeJS.file51  = EXT:t3mootools/res/mootoolsv1.11.js
page.includeJS.file52  = EXT:rgaccordion/res/rgaccordion1.js

Wobei ich den INHALT (Normal) mit dem Accordion bedienen wollte.
Du setzt ja praktisch in deinem TS gar nichts auf den Marker, es müßte bei Dir korrekt heißen :

Code:

INHALT.renderObj < plugin.tx_rgaccordion1

Da erst sind Content elemente vorhanden.
Oder Du füllst Dein Subpart mit contetn elementen, dann gibt es da auch etwas zu rendern.
Hoffe das es hilft.

Averlon · #3 13.01.08, 08:29

Hallo,

Zitat:

Zitat von rari2003

Oder Du füllst Dein Subpart mit contetn elementen, dann gibt es da auch etwas zu rendern.

Für mich war immer ein Subpart und ein Marker was anderes.
Deshalb habe ich ja im template einen Subpart definiert "ACCORDION1" und einen Marker innerhalb des Subpart "INHALT7" den ich mit content fülle.

Wenn ich mir die mitgelieferten Beispiele von accordion für tt_news anschaue, da ist das auch so.

Ich gebe zu, den Unterschied zwischen Subparts und Markern habe ich noch nicht ganz verstanden. Bisher hatte ich in meinen templates immer nur einen Subpart "worOnDocument....." und habe alles andere mit Markern gemacht.

Hier nochmal das Beispiel für tt_news (wird mitgeliefert)

HTML-Code:

<!-- ###TEMPLATE_LIST### begin
	This is the template for the list of news in the archive or news page or search
--> <div class="news-list-container">
###NEWS_CATEGORY_ROOTLINE###
	<!-- ###CONTENT### begin
		  This is the part of the template substituted with the list of news: 
	--> <!-- ###NEWS### begin
			Template for a single item 
		--> <div class="rgaccord1-nest news-list-item"> <h3 class="rgaccord1-toggle">###NEWS_TITLE### (###NEWS_DATE###)</h3> <div class="rgaccord1-content">
			  ###NEWS_IMAGE###
			 ###NEWS_SUBHEADER###
			###CATWRAP_B### ###TEXT_CAT### ###NEWS_CATEGORY### ###NEWS_CATEGORY_IMAGE### ###CATWRAP_E###
			<div class="news-list-morelink"><!--###LINK_ITEM###-->###MORE###<!--###LINK_ITEM###--></div> <hr class="clearer" /></div></div> <!-- ###NEWS### end--> <!-- ###CONTENT###  end --> <div class="news-list-browse">###BROWSE_LINKS###</div> </div> <!-- ###TEMPLATE_LIST### end -->

Da ist doch auch "TEMPLATE_LIST" der Subpart und z.B. "NEWS_IMAGE" ein Marker.
Leider wird der zugehörige TS nicht mitgeliefert.

Also so ganz werde ich daraus noch nich schlau.

Der TS-code:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:

[ # Inhalt der Hauptseite
INHALT7=CONTENT
INHALT7 {
table=tt_content
select.orderBy=sorting
select.where=colPos=0
select.pidInList=342
}

hat mir bis jetzt immer und überall den content gebracht. Funktioniert auch jetzt, da der content ja angezeigt wird. Aber eben nicht als accordion.

Meine denke: Den Subpart habe ich nur einmal und kann mit

Typoscript-Code:

1:	subparts {} - ERROR: Line 0: The script is short of 1 end brace(s)

die entsprechende zuweisung machen.
Marker kann es ja viele geben (siehe Beispiel tt_news) die ja auch entsprechend formatiert aufbereitet werden können.

Sorry, habe den Durchblick noch nicht.

Averlon · #4 13.01.08, 09:41

Hi,
aufgrund deiner information habe ich noch etwas nachgedacht und rumprobiert.

Zumindest gibt es jetzt einen teilerfolg.

1) das mit dem subpart habe ich wieder im TS gelöscht. Macht in meinem fall, so glaube ich, wenig sinn.

2) in meinem marker habe ich folgendes hinzugefügt.

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:

INHALT7=CONTENT
INHALT7 {
table=tt_content
select.orderBy=sorting
select.where=colPos=0
select.pidInList=342
renderObj < plugin.tx_rgaccordion1
}

Macht für mich auch sinn, weil da jetzt die speziellen render-parameter eingebunden werden.
Diese funktion habe ich nur ganz ganz selten in all meinen TYPO3-sites gebraucht, da ich bisher immer nur den content in ein template (.tmpl, oder .html) eingefügt habe.

Ergebnis:

Es funktioniert noch nicht komplett, aber zumindest wird bei dem (test)content schonmal die formatierung des accordion-CSS angezeigt. Die funktion des accordion geht noch nicht.

Das kann daran liegen, dass ich nicht nur accordion sondern auch rgtabs (vom gleichen entwickler) im einsatz habe.

Was ich jetzt feststelle: Entweder geht rgtabs oder rgaccordion. Beides zusammen nicht.

Ich vermute das hat mit der konfiguration von diesen t3mootools zu tun, welche ja für beide extensions eine voraussetzung sind und speziell konfiguriert werden müssen.

Egal. Werde ich auch noch rauskriegen.

Dein tip war halt doch zielführend.
Danke dafür.

Averlon · #5 13.01.08, 14:24

Hi,
alle bemühungen wirken nicht.
Ich habe jetzt eine eigene testpage erzeugt um das phänomen mal detaillierter zu untersuchen.

Das ist das setup TS für die page:

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:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:

# set the TYPO3 language to german
config.sys_language_uid = 0
config.language = de
# set the PHP locale to german
config.locale_all = de_DE.utf8
# include the php-script
#includeLibs.ts_ckfortune = EXT:ck_fortune/pi1/class.tx_ckfortune_pi1.php
config.spamProtectEmailAddresses=1

# Angabe des Sysfolder für Benutzerdefinitionen
tt_content.login.20 {
hiddenFields.pid.value=154
}

plugin.tx_staticinfotables_pi1.languageCode = DE
plugin.tx_staticinfotables_pi1.countryCode = DEU

plugin.tx_newloginbox_pi1.storagePid = {$plugin.tx_newloginbox_pi1.storagePid}
plugin.tx_newloginbox_pi1.templateFile = fileadmin/ext/newloginbox/newloginbox.html

# Seitendefinitionen

main=PAGE
main {
typeNum=0
bodyTag=<body topmargin="0" leftmargin="0" bgcolor="#ffffff">
includeCSS {
file1=fileadmin/style.css
file2=fileadmin/styleeigene.css
file3=fileadmin/stylenewsDSL.css
file4=fileadmin/styleRSS.css
file5=fileadmin/mm_forum.css
file6=fileadmin/stylettproducts.css
file7=fileadmin/ext/rgaccordion/rgaccordion1.css
}
includeJS {
file51=EXT:t3mootools/res/mootoolsv1.11.js
file52=EXT:rgaccordion/res/rgaccordion1.js
}
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/vorlage_test.htm
workOnSubpart=DSLTEST

subparts {
BCCORD1.renderObj < plugin.tx_rgaccordion1
}

marks {

DATUM=TEXT
DATUM {
data=date:d.m.Y
wrap=<b>|</b> |
}

# Menü oben links
MENU=HMENU
MENU {
special=directory
special.value=138
1=TMENU
1.NO=1
1.NO.ATagParams=class="menu_oben"
1.NO.linkWrap=| ||*| | ||*| | 
}

# Menü oben rechts
MENUO=HMENU
MENUO {
special=directory
special.value=132
1=TMENU
1.NO=1
# 1.NO.ATagParams=class="menu_oben"
1.NO.linkWrap= | ||*| | ||*| | 
}

# Administration darstellen
ADMINISTRATION=CONTENT
ADMINISTRATION {
table=tt_content
select.orderBy=sorting
select.where=colPos=0
select.pidInList=185
}

# Werbung darstellen
GOOGLE01=CONTENT
GOOGLE01 {
table=tt_content
select.orderBy=sorting
select.where=colPos=0
select.pidInList=123
}

# Inhalt der Hauptseite
INHALT1=
INHALT1=CONTENT
INHALT1 {
table=tt_content
select.orderBy=sorting
select.where=colPos=0
select.pidInList=149
# renderObj < plugin.tx_rgtabs_pi1
}

# Inhalt der Hauptseite
INHALT7=CONTENT
INHALT7 {
table=tt_content
select.orderBy=sorting
select.where=colPos=0
select.pidInList=342
}
}
}
}

Das ist der html-code für das template:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>###MAIN###</title> </head> <body topmargin="1" leftmargin="1" marginwidth="0" marginheight="0" noresize="noresize" scrolling="auto"> <!-- ###DSLTEST### begin --> <div align="center"> <table border="0" style="border-collapse: collapse" width="1024" id="table1" cellpadding="0"> <tr> <td width="200" align="center" bgcolor="#CCCCCC">&nbsp;</td> <td width="554" bgcolor="#CCCCCC"> <p align="center" style="margin-top: 0; margin-bottom: 0"><b> <font style="font-size: x-large; font-family: 'Arial Black'; color: white">Forstinninger Bürger Treff</font></b></p> <p align="center" style="margin-top: 0; margin-bottom: 0"><b> <font style="font-size: x-large; font-family: 'Arial Black'; color: white">
              Testseite</font></b></p> </td> <td width="320" bgcolor="#CCCCCC">&nbsp;</td> </tr> <tr> <td colspan="3"> <p align="right">###DATUM### ###MENUO###</p> </td> </tr> <tr> <td bgcolor="#CCCCCC" colspan="3"><font color="#FFFFFF">&nbsp;###MENU###</font></td> </tr> </table> <p> <img border="0" src="../fileadmin/images/clear.gif" width="30" height="5"/></p> <table border="0" width="1024" id="table3" style="border-collapse: collapse"> <tr> <td width="160" align="center" valign="top"> <table border="0" width="100%" id="table4" style="border-collapse: collapse" cellpadding="0"> <tr> <td bgcolor="#CCCCCC"><b><font face="Arial" color="#FFFFFF">&nbsp;Administration</font></b></td> </tr> <tr> <td>###ADMINISTRATION###</td> </tr> <tr> <td height="2"><span style="font-size: 2pt">&nbsp;</span></td> </tr> <tr> <td bgcolor="#CCCCCC"><b><font face="Arial" color="#FFFFFF">&nbsp;Werbung</font></b></td> </tr> <tr> <td align="center">###GOOGLE01###</td> </tr> </table> </td> <td valign="top"> <table border="0" width="100%" id="table5" style="background-color: #CCCCCC;"> <tr> <td>###TESTIN1###</td> </tr> </table> <p> <img border="0" src="../fileadmin/images/clear.gif" width="30" height="5"/></p> <table border="0" width="100%" id="table5" style="background-color: #F5B800;"> <tr> <td>###TESTIN2###</td> </tr> </table> <p> <img border="0" src="../fileadmin/images/clear.gif" width="30" height="5"/></p> <table border="0" width="100%" id="table5" style="background-color: #F5FFAA;"> <tr> <td>###TESTIN3###</td> </tr> </table> <p> <img border="0" src="../fileadmin/images/clear.gif" width="30" height="5"/></p> <!-- ###BCCORD1### start --> <div class=”rgaccord1-nest” align="left"> <div class=”rgaccord1-content”>
                  ###INHALT7###
                </div> </div> <p><span style="font-size: 5pt">&nbsp;</span></p> <!-- ###BCCORD1### end --> </td> </tr> </table> </div> <!-- ###DSLTEST### end --> </body> </html>

Ich sehe einfach den fehler nicht.

rari2003 · #6 13.01.08, 14:55

Hi,

mit fehlt bei dem Verweis auf Bccordion immer noch das Du dort einen Inhalt hinzufügst.
z.B. styles.content.getRight oder so etwas.

Ohne Inhalt ist da nichts zu machen.

RGTABS mit RGACCORIDON
Nutzt Du denn beides auf einer Seite oder auf unterschiedlichen Seiten?
Im letzteren Fall generiere einfach ein EXT Template in dem Du jeweils die EXT definierst.

Averlon · #7 13.01.08, 16:32

Hi,
der Inhalt ist doch in INHALT7. Da wird tt_content ausgelesen und in dem marker dargestellt. Wird auch auf der seite angezeigt.

P.S. Auf der testseite ist nur accordion gezeigt. Auf der produktiven seite wird auf einer seite rgtabs und rgaccordion genutzt.

rari2003 · #8 13.01.08, 16:53

Hi,

Du definierst Main, und dann ein Suppart.

Code:

subparts {BCCORD1.renderObj < plugin.tx_rgaccordion1
}

Aber der Subpart bekommt keine Inhaltselemente zugewiesen.
mach doch mal folgendes:

Code:

subparts {
BCCORD1 < styles.content.getLeft
BCCORD1.renderObj < plugin.tx_rgaccordion1
}

Dann lege ein CE der Seite an in der Linken Seite und hake Accordion an.
Wenn dieses Element dann ausgegeben wird, verstehst Du mich eventuell besser.

Averlon · #9 13.01.08, 18:09

Hallo,

das prinzip hatte ich, so glaube ich, schon verstanden. Ich wusste nur nicht wie.

Dein tip hat etwas geholfen, aber noch nicht ganz.

Ich kann jetzt auf der seite den content aus der linken spalte sehen. Er ist auch gem. CSS formatiert.

Allerdings verhält er sich nicht wie ein accordion, also der effekt mit aufklappen und zuklappen mit dem +-zeichen ist noch nicht da.

Aber immerhin schon ein fortschritt.

Ich gehe mal davon aus, dass ich den fehler der den effekt verhindert auch noch finde (ggf. mit deiner hilfe).

Jetzt stellt sich für mich aber eine weitere frage:

Ich habe verstanden, das BCCORD1 ein subpart ist. Im html sieht das ja so aus:

HTML-Code:

 <!-- ###BCCORD1### start --> <!-- ###BCCORD1### end -->

Diesem subpart weise ich jetzt content zu und auch die renderObj-Funktion.

Wie bekomme ich solch einen subpart formatiert. Bisher habe ich immer content in marker gebracht und konnte z.B. einen marker in eine tabelle einfügen oder in einen div einkleiden.

Muss ich jetzt z.B. den subpart-marker in einen TD einkleiden?
Da ich bisher nie mit subparts gearbeitet habe fehlt mir da noch der trick.

Übrigens: Danke für deine bisherige hilfe.

rari2003 · #10 13.01.08, 18:18

Hi,

so ein riesen Crack bin ich jetzt auch nicht ....
Aber, du kannst in deinem HTML Template, also der Datei ja DIV nutzen und entsprechend benennen, diese dann in einer CSS formatieren.
Dann die beiden Dateien Deiner Page zuweisen, und gut ist.

Kannst Du eventeull mal einen Link posten auf diese Testseite?

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

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seiten parsen/Accordion	DoMiNiK2	rg	1	05.05.08 14:03
Gelöst date selector library wirkt nicht	Averlon	Kalender	0	01.01.08 11:08
pidsAddresses wirkt nicht	Averlon	tt_products	0	05.12.07 20:07
Gelöst AlwaysInStock wirkt nicht	Averlon	tt_products	1	29.11.07 05:21

Suche

Userpanel

accordion wirkt nicht