Page 1 of 1
jQuery UI Tabs
Posted: Wed 9. Mar 2011, 10:45
by 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
Re: jQuery UI Tabs
Posted: Wed 9. Mar 2011, 11:03
by 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.
Re: jQuery UI Tabs
Posted: Thu 10. Mar 2011, 23:59
by 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
Re: jQuery UI Tabs
Posted: Fri 11. Mar 2011, 07:20
by 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
Re: jQuery UI Tabs
Posted: Fri 11. Mar 2011, 07:51
by kukki
Darf ich Dir Dein System ein wenig abändern
Lösche mal Dein Setup-Odrner!
Re: jQuery UI Tabs
Posted: Fri 11. Mar 2011, 08:22
by flip-flop
Bitte nicht ins Forum schreiben, sondern per PN.
Knut
Re: jQuery UI Tabs
Posted: Fri 11. Mar 2011, 10:43
by 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
Re: jQuery UI Tabs
Posted: Fri 11. Mar 2011, 12:20
by 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
Re: jQuery UI Tabs
Posted: Fri 11. Mar 2011, 19:56
by 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
Re: jQuery UI Tabs
Posted: Sat 12. Mar 2011, 18:52
by 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