Register Tabs Ausgabe beeinflussen

[spielplan]

Hallo zusammen,

mit der Funktion Register (Tabs), welche man in den CP's aktivieren kann,
möchte ich ein Accordion erstellen.

Dazu habe ich mehrere CP's so eingestellt:


Der gerdenderte Code sieht dann so aus:

Code: Select all

<div id="TABBOX-ec32c07eb24dc923747f1af4c062e1d3" class="tab-container">
	<ul class="tab-navigation">
		<li class="tab-item-1 tab-first tab-last"><a href="index.php?produkte-honigspezialitaeten#tab-test0" title="test">test</a></li>
	</ul>
	<div id="tab-test0" class="tab-content">

<h3>Inhaltstitel-1</h3>

<p>Einfacher Text</p>
<h3>Inhaltstitel-2</h3>

<p>Lorem ipsum</p>
	</div>
	<div class="tab-container-clear"></div>
</div>

Frage:
Wie kann ich diese Ausgabe verändern?

Code: Select all

<ul class="tab-navigation">
		<li class="tab-item-1 tab-first tab-last"><a href="index.php?produkte-honigspezialitaeten#tab-test0" title="test">test</a></li>
</ul>
<div id="tab-test0" class="tab-content">

Viele Grüße, Spielplan

[update]

Was willst Du genau machen / erreichen?

[spielplan]

Ich möchte ein Accordion erstellen.

In einem Accordion/Register/Tab sollen sich mehrere CP's befinden können.

Das ganze funktioniert auch schon. Nur muss ich dazu in dem Script
(http://www.switchroyale.com/vallenato) die Klassen und id's ändern,
damit es mit den Konventionen von phpwcms übereinstimmt.

Ich würde aber lieber z.B. ein Template ändern um die Ausgabe von
phpwcms an das Script anpassen zu können. Das wäre halt komfortabler,
wenn es ums Updaten geht.

[flip-flop]

Weshalb verwendest du nicht http://jqueryui.com/accordion/ ?

Deine gezeigte Lösung hat den großen Nachteil dass das ganze Teil zugeklappt bleibt bei abgeschaltetem JS.

Knut

[spielplan]

Das kannte ich bis dato nicht.

Jedoch wird auch bei diesem Script auf eine Überschrift <h3> getriggert.

phpwcms gibt aber

Code: Select all

<ul class="tab-navigation">
      <li class="tab-item-1 tab-first tab-last"><a href="index.php?produkte-honigspezialitaeten#tab-test0" title="test">test</a></li>
</ul>

aus.
Schön wäre es, wenn ich selber die Klasse bei <ul> bestimmen könnte. Zum Beispiel <ul class="accordion-header">.
Dann müsste ich in der js-Datei nicht den Selector ändern.

Grüße, Spielplan

[Uwe367]

Du kannst eigene Klassen verwenden sofern du eine r530 am laufen hast....
http://forum.phpwcms.org/viewtopic.php?f=4&t=23920

[flip-flop]

Nicht an der Tab-Navigation aufhalten, die ist eigentlich bei einem Accordion unwichtig, eher hinderlich. Das ist eher bei einem TAB brauchbar.
<h3> ist doch ideal.
Musst natürlich noch ein <div> ...... </div> In jedem CP-Template nach dem <h3> erstellen, dann klappt das auf Anhieb. (Oder automatisierst das mit einem kleinen Frontend Render Script).

Navi ausblenden:

Code: Select all

ul.tab-navigation { display: none; }

Knut

[update]

Aber die Tab-Navigation lässt sich doch sehr schön mit dem Accordion verbinden!