Für die die es interresiert wie wir das Tabbed interface für unsere Produktbeschreibungen realisiert haben hier ein kleines Beispiel:
Zum erstellen des contents benutzen wir in unserem fall den eingabe filter „PHP“, ohne weitere HTML Filter.
Der code einer Content seite wird dann wie folgt erstellt.
[code lang=“php“]KURZE BESCHREIBUNG (Teaser) oder "LEER" hier.
<!–break–>
<?php
drupal_add_library(’system‘, ‚ui.tabs‘);
drupal_add_js("jQuery(function() {
var $tab = jQuery(‚#tabbing‘).tabs();
});", ‚inline‘);
?>
<div id="tabbing">
<ul>
<li><a href="#p1">Tab 1</a></li>
<li><a href="#p2">Tab 2</a></li>
<li><a href="#p3">Tab 3</a></li>
</ul>
<div id="p1">
<p>Der 1. Tab</p>
</div>
<div id="p2">
<p>Der 2. Tab</p>
</div>
<div id="p3">
<p>Der 3. Tab</p>
</div>
</div>[/code]
Sei noch gesagt das diese Lösung auschließlich die mitgelieferten Bordmittel von Drupal 7 benutzt!
- Schreibe einen Kommentar