Catalog - Tabcontrol in Template einbauen

[AgentK]

Hallo,

ich habe mich daran versucht das Tabcontrol (mootools) in das Template eines Katalog-Lesers einzubauen. Leider habe ich irgendwo einen Fehler ins Template eingebaut. Könnte jemand mal raufschauen und mir einen Tipp geben, wo mein Fehler liegen könnte.

Vielen Dank

Stefan

<!-- autogenerated source for template : Leser -->
<!-- Date : 03.05.2012 14:22 -->


<?php if (count($this->entries)): ?>

<div class="layout_full">


<?php foreach ($this->entries as $entry): ?>
<div class="item">


<div id="ce_tabcontrol_tabs">
	 <ul>
   		<li class="tabs"><a href="theatername"><span>Theatername</span></a></li>
		   <li class="tabs"><a href="kontakdaten"><span>Kontaktdaten</span></a></li>
	 </ul> 
	</div> 

		<div class="ce_tabcontrol_pane block"> <strong>Theatername</strong>
			<div class="panes">
				<div><div class="ce_text block">
				
				<div class="field theater_name">
						<div class="value"><?php echo $entry['data']['theater_name']['value']; ?></div>
						<div class="clear"></div>
					
					</div>
					
					
					
					<div class="field theater_strasse">
						<div class="value"><?php echo $entry['data']['theater_strasse']['value']; ?></div>
						<div class="clear"></div>
					
					</div>
					
					
					
					<div class="field theater_plz">
						<div class="value"><?php echo $entry['data']['theater_plz']['value']; ?></div>
						<div class="clear"></div>
					
					</div>
					
					
					
					<div class="field theater_ort">
						<div class="value"><?php echo $entry['data']['theater_ort']['value']; ?></div>
						<div class="clear"></div>
					
					</div>
					
					
					
					<div class="field theater_bundesland">
						<div class="value"><?php echo $entry['data']['theater_bundesland']['value']; ?></div>
						<div class="clear"></div>
					
					</div>
					
					
					
					<div class="field theater_staat">
						<div class="value"><?php echo $entry['data']['theater_staat']['value']; ?></div>
						<div class="clear"></div>
                     </div>
					</div>
				</div>
			</div>
		</div> 
		
		<div class="ce_tabcontrol_pane block"> <strong>Kontaktdaten</strong>
			<div class="panes">
			 <div>	
              <div class="ce_text block">
				
					<div class="field theater_homepage">
						<div class="value"><?php echo $entry['data']['theater_homepage']['value']; ?></div>
						<div class="clear"></div>
					
					</div>
					
					
					
					<div class="field theater_email">
						<div class="value"><?php echo $entry['data']['theater_email']['value']; ?></div>
						<div class="clear"></div>
                     </div>
					</div>		
				</div>
			</div>
		</div> 

<?php if ($entry['showLink'] && $entry['link']): ?>
<div class="link"><?php echo $entry['link']; ?></div>
<?php endif; ?>
<?php if ($entry['linkEdit']): ?>
<div class="linkEdit"><?php echo $entry['linkEdit']; ?></div>
<?php endif; ?>


</div>

<?php endforeach;?>

</div>


<?php else: ?>
<p class="info">Invalid item reference for catalog.</p>
<?php endif; ?>

[MacKP]

Hallo AgentK,
kannst du uns vllt mehr Infos geben?
Wie soll der Quellcode aussehen?
Wie sieht jetzt deiner aus?
Was genau funktioniert nicht so wie du willst?

Viele Grüße

[AgentK]

Hallo MacKP,

eigentlich sollte der Quellcode wie der oben gepostete Entwurf aussehen aber kein Problem ich erkläre es ein wenig ausführlicher.

Ich hatte mit dem Catalog Templategenerator ein Template erstellt und die Ausgabe der Daten sollten auf mehrere Reiter verteilt werden, die nebeneinander angeordnet sind.

Beispiel:

Reiter 1 | Reiter 2 | Reiter 3 | Reiter 4 |


Und dann sollte darunter immer der Text des aktuelle Reiters angezeigt werden.

Die Erweiterung "Tabcontrol" habe ich installiert aber ich weiß nur wie ich die Anwendung als Elementtyp verwenden kann. Der oben gepostete Quellcode ist mein Versuch die Tabs einzubauen aber irgendwo steckt da noch ein Fehler drin, den ich leider nicht finde....

Schöne Grüße

Stefan

[lindesbs]

Woran erkennst du, das ein Fehler ist ?
Fehlermeldung ?
NichtFunktionieren ?

Ist das ganze oeffentlich erreichbar ?

[AgentK]

Öffentlich hatte ich es bisher noch nicht gestellt, es läuft noch auf meinem lokalen Rechner.

Es funktiniert leider nicht. Es wird alles untereinander angezeigt. Die Tabcontrol-Erweiterung funktioniert aber fehlerfrei nur meine Version macht Probleme....

[lindesbs]

Tip : Erstell Dir einen Artikel, mit 3 Tabs und dann entsprechend 3 Panels. Schau Dir den HTML Code an.

Ich sehe bei mir z.B. noch ein JS Element :

<script type="text/javascript">/* <![CDATA[ */
    function loadTabControl_125() {
        window.TC_125 = new Array();
        i = 0;
        $$('#management').each(function(s) {
            i++;
            elements = s.getElements('.tabs');
            if(elements.length){
                window.TC_125[i] = new TabControl(s, {
                    delay: 2500,
                    behaviour: 'click',
                    tabs: s.getElements('.tabs'),
                    panes: s.getElements('.panes'),
                    selectedClass: 'selected',
                    hoverClass: 'hover'
                });
            }
        });
    }
    /*
     * Bootstrap
     */
    window.addEvent('domready', loadTabControl_125);
/* ]]> */
</script>

Und im HEAD noch

[FONT=monospace]<script src="[URL="http://localhost:4001/vhosts/CCSProdukte/plugins/tabcontrol/tabcontrol.js"]plugins/tabcontrol/tabcontrol.js[/URL]">[/FONT][FONT=monospace]</script>[/FONT]

Hast Du das auch vorhanden ?