JQuery Accordion

Bitte alle templatebezogenen Beiträge in diesem Forum veröffentlichen.
hausmeister
Posts: 219
Joined: Thu 18. Dec 2008, 12:45

Re: JQuery Accordion

Post by hausmeister »

sorry. sehe gerade, dass das gar nicht für gruppiert cps vorgesehen war.

:oops:

der hausmeister
User avatar
Oliver Georgi
Site Admin
Posts: 9892
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: JQuery Accordion

Post by Oliver Georgi »

Mit den Registern klappt das in der Form auch nicht zuverlässig, da man hierfür noch mal JavaScript braucht, dass die Register umbaut und neu strukturiert.

Sinnvoller ist es, einen einleitenden HTML CP anzulegen oder eben separaten Block, der das entprechend wrappt:

Code: Select all

<div class="accordion">
<!-- CSS: {TEMPLATE}inc_css/jquery_accordion.css --><!-- JS: accordion -->
und einen ableitenden HTML CP

Code: Select all

</div>
Jetzt unterschiedliche Templates anlegen, die die Tabs-Einzeleintragsstruktur aufweisen. Wichtig sind immer das Accordion Öffnen/Schließen Trigger Element mit der Klasse .acc_trigger und der Accordion Inhaltecontainer .acc_container, z.B. analog CP Bilder <div>:

Code: Select all

<!--IMAGE_SETTINGS_START//-->
; this is formatted like WIN.INI
; please: do not use comments for value lines
; settings will overwrite CP settings
;width			= 100
;height			= 100
;col				= 1
;zoom			= 1
;crop			= 0
;space			= 10
;lightbox		= 1
;nocaption		= 0
; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical
;center_image	= 0
<!--IMAGE_SETTINGS_END//-->

<!--IMAGES_HEADER_START//-->
<h2 class="acc_trigger"><a href="#">[TITLE]{TITLE}[/TITLE][TITLE_ELSE]Show[/TITLE_ELSE]</a></h2>
<div class="acc_container">
  [SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
  [TEXT]{TEXT}[/TEXT]
  <div class="block">
<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->
	<div class="imageEntry[FIRST] first[/FIRST][LAST] last[/LAST][ROW] row{ROW}[/ROW]"">
		{IMAGE}
		[CAPTION]<p>{CAPTION}</p>[/CAPTION][CAPTION_ELSE]<p>{IMGNAME}</p>[/CAPTION_ELSE]
	</div>
<!--IMAGES_ENTRY_END//-->


<!--IMAGES_ENTRY_SPACER_START//-->
	<!-- space between images {SPACE}px -->
<!--IMAGES_ENTRY_SPACER_END//-->

<!--IMAGES_ROW_SPACER_START//-->
	<!-- space between image rows {SPACE}px -->
<!--IMAGES_ROW_SPACER_END//-->

<!--IMAGES_FOOTER_START//-->
  </div>
</div>
<!--IMAGES_FOOTER_END//-->
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
kukki
Posts: 1709
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: JQuery Accordion

Post by kukki »

@UWE

Habe heute mal "Deine" modifizierte Variante des Accordions versucht einzubauen :evil: es geht eigentlich, aber eine absolut mir unerklärliche Reaktion tritt beim Öffnen der Tabs auf, ich komme nicht einmal dazu, die CSS auch nur annähernd zu modifizieren!

Ein Rücksprung zur Startadresse URL/start.html#tab-registertab-10

Verwendete Version: 1.5.4.4 (2012/08/26, r507). Hat das etwas mit "rewrite URL" zu tun? Neee - oder? Es hat anscheinend etwas mit dem FE-Edit zu tun!. Nach dem LogOut sind alle Tabs geöffnet und sichtbar.

[PS.:] Nach Abschaltung des FE-Edit sind alle Tabs Geöffnet, die bei einer anderen Tab-Version .... [/PS]

[geklärt: Backend-Vorlage: [x] JS-Bibliothek immer laden]

Dann beim Klick drauf, erfolgt der Sprung auch wieder zu obiger URL und zwar in allen gängigen Browsern! Warum denn das nun?
[Ursache dafür: die Einstellung der config.inc.php "rewrite URL" funkt dazwischen. Allerdings bringt ein Ausschluß keine Besserung - funktionierte nicht und ist nach meinem Dafürhalten nur ein Flicken, keine Lösung. SEO ist für solche URL auch wichtig, oder nicht ?]


Image
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
Post Reply