jQuery UI Tabs

[purg]

Hallo,

ich habe im phpwcms wiki diese Anleitung zum Erstellen von RegisterTabs entdeckt und würde das gern benutzen. Leider bekomme ich es nicht zum laufen. Ich verwende die phpwcms V.1.4.7.

http://www.phpwcms-howto.de/wiki/doku.p ... r&s[]=tabs


entsprechend der Anleitung habe ich die
- conf.inc.php angepasst
- tab_sort_section_jquery.tmpl u.
- cp_trig_sort_section_v13.php erstellt
- die css datein geladen
- in der vorlage jQuery 1.4 gewählt (haken bei immer) u.
- die CP angelegt wie beschrieben.

Leider sieht das Ergebnis so aus



zu dem bekomme ich diese Fehlermeldung:

missing } in XML expression
[Bei diesem Fehler anhalten] $( "#tabs" ).tabs();
jquery....min.js (Zeile 3)


$("#tabs").tabs is not a function
[Bei diesem Fehler anhalten] collapsible: true



besten Dank für jeden Tipp, Grüße, purg

[marcus@localhorst]

wird denn jquery UI auch geladen?
Bitte in der firebug konsole prüfen, ob alle benötigten Dateien auch geladen werden!
Livebeispiel wäre auch nicht schlecht.

[purg]

Hallo,

Dank für die schnelle Antwort! Ich habe in der Zwischenzeit einiges probiert, Teilweise mit Erfolg - jquery UI wird geladen und es schaut schon ein WENIG besser aus. Zwei Sachen sind dennnoch unklar.

a) bekomme ich noch immer diese Fehlermeldung:

missing } in XML expression
[Bei diesem Fehler anhalten] $( "#tabs" ).tabs();

und b) sehen die UI Tabs noch immer nicht so aus wie sie sollten bzw. ist die Funktionalität noch nicht richtig hergestellt - lassen sich eigentlich auch kleine Button in die Tabs einbauen, zum Klicken?

hier der Link zum Problemfall

http://architektur-schumann.de/index.php?haus_2

Der Slider ist übrigens super!
Dank und Gruß, Purg

[flip-flop]

Hi,

Code: Select all

<script type="text/javascript" src="template/lib/jquery/plugin/jquery.jquery-ui.min.js"></script>

Das was dort an Inhalt sichtbar wird ist nicht die die "ui" Bibliothek die du eigentlich vorher schon mit

Code: Select all

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

geladen hast.

Einfach das Set aus dem wiki herunterladen und es wird funktionieren.
Oder wenn es denn die externe Lib sein muss:

Code: Select all

// ---- Load the right JS plugin
//initJSPlugin('jquery-ui.min');
 
// ---- Load the right js

$GLOBALS['block']['custom_htmlhead']['jquery-ui.min']= '
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>';

$GLOBALS['block']['custom_htmlhead']['jquery-ui.tabs'] = '  <script type="text/javascript">
    //<![CDATA[
    $(function() {
        $("#tabs").tabs({
            collapsible: true
        });
 
        //setter
        $("#tabs").tabs(\'option\', \'fx\', { height: \'toggle\', opacity: \'toggle\' });
    });
    //]]>
 
    </script>';

Dann muss in der Vorlage "JS Bibliothek:" auf " immer laden" stehen.

Sonst eben mit dem "ui" Set aus dem wiki:

Code: Select all

// ---- Load the right JS plugin
initJSPlugin('jquery-ui.min');
 
// ---- Load the right js

$GLOBALS['block']['custom_htmlhead']['jquery-ui.tabs'] = '  <script type="text/javascript">
    //<![CDATA[
    $(function() {
        $("#tabs").tabs({
            collapsible: true
        });
 
        //setter
        $("#tabs").tabs(\'option\', \'fx\', { height: \'toggle\', opacity: \'toggle\' });
    });
    //]]>
 
    </script>';

Knut

[kukki]

Darf ich Dir Dein System ein wenig abändern
Lösche mal Dein Setup-Odrner!

[flip-flop]

Bitte nicht ins Forum schreiben, sondern per PN.

Knut

[purg]

Danke, es tut!

allerdings ändert sich damit auch die Formatierung im Slider - muss ich die Styles anpassen oder habe ich auch den Slider falsch verlinkt?

best, purg

[flip-flop]

Du lädst immer noch dieses komische Zeug (Demo) aus

Code: Select all

<script type="text/javascript" src="template/lib/jquery/plugin/jquery.jquery-ui.min.js"></script>

hinzu.

Knut

[purg]

Hallo Knut,

<script type="text/javascript" src="template/lib/jquery/plugin/jquery.jquery-ui.min.js"></script>

sollte jetzt verschwunden sein, hat sich beim Ausprobieren irgendwie eingeschlichen - aber die Formatierung macht immer noch Probleme - zu dem funktioniert es nur mit externe Lib (jQuery UI v1.7.2 - UI-JS & css-Themes sind im Ordner) -

Tab und Slider kommen sich in die Quere

best, purg

[purg]

Hallo Knut,

vielleicht doch noch eine Frage.
Was kann man machen damit die gesamte Seite nicht immer komplett nach oben rutscht wenn im jQuery UI Tabs die unterschiedlichen Inhalte aufgerufen werden?

http://architektur-schumann.de/index.php?haus_2


Dank und Gruß, Purg