Hallo,
Ich benutze die JQuery Tabs, die zum Beispiel auch bei YAML mit bei sind. (dort heißen sie [url=""http://www.yaml.de/fileadmin/examples/09_add-ons/accessible_tabs.html"]"accessible tabs with jQuery").
Innerhalb dieser Tabs wollte ich die [url="http://www.redaxo.org/de/download/module/?modul_id=538&searchtxt=&cat_id=6"]Bildgalerie AD Gallery (jquery)[/url] verwenden.
Aber irgendwie beißt sich das: Man kann zwar beides auf der gleichen Seite einsetzen, aber leider nicht verschachtelt. Tut man es doch, stimmen zum einen die Bildnummerierung nicht mehr (Statt zum Beispiel Bild 1 von 13 "1/13" steht dann "1 / 131 / 13") und zum anderen liegen die Bilder teilweise übereinander.
Eigentlich müsste ja aber beides unabhängig von einander auch verschachtelt laufen können, denn die benutzten Funktionen überschreiben sich doch nicht.
Bildgalerie AD Gallery und Tabs mit (jquery) fehlerhaft
8 Beiträge
• Seite 1 von 1
Re: Bildgalerie AD Gallery und Tabs mit (jquery) fehlerhaft
von Ingo » 6. Jul 2011, 10:24
Ohne Link zum Problem lässt sich das nicht beantworten.
- Ingo
- Beiträge: 288
- Registriert: 23. Jun 2010, 23:34
Gallery und Tabs
von phil-anthropos » 11. Okt 2011, 12:52
Ich habe vielleicht eine Frage, die hierher passt.
Um eine wie auch immer geartete tabnavi abzubilden macht es ja Sinn sie Grundsätzlich wie folgt oder ähnlich aufzubauen.
Jetzt die Frage. Wenn ich versuche, das als ooslices aus einem Modul zu rendern kriege ich es ums verrecken nicht gebacken, die beiden Schleifen für tabs und panels jeweils nur einmal und getrennt nacheinnander auszugeben. Geht das überhaupt mit Modulen (output)? Es sieht so aus als würde die Modulausgabe selbst in einer Schleife mehrmals ausgeführt, kann ich das unterbinden ? Kann es alle Einträge "auf einmal" holen?
Einfacher: Kann ich obige Struktur nur mit einem Modul aus der Liste der Blöcke in der Seite abbilden ?
Oder MUSS ich ein Addon dafür bauen ?
Ich finde die Redaxo-Modullösung an sich so schön elegant. Wär toll wenn die das könnte.
Ich danke im Vorraus
Phil
Um eine wie auch immer geartete tabnavi abzubilden macht es ja Sinn sie Grundsätzlich wie folgt oder ähnlich aufzubauen.
- Code: Alles auswählen
<div class="tabbox">
<ul class="tabs">
// Schleife für die Tabs (Titel)
<li id="tab_1">Tab 1</li>
<li id="tab_2">Tab 2</li>
// Ende tabs
</ul>
<div class="panelContainer">
// Schleife für die Panels (Content)
<div class="panel" id="panel_1">Content 1</div>
<div class="panel" id="panel_2">Content 2</div>
// Ende Panels
</div>
</div>
Jetzt die Frage. Wenn ich versuche, das als ooslices aus einem Modul zu rendern kriege ich es ums verrecken nicht gebacken, die beiden Schleifen für tabs und panels jeweils nur einmal und getrennt nacheinnander auszugeben. Geht das überhaupt mit Modulen (output)? Es sieht so aus als würde die Modulausgabe selbst in einer Schleife mehrmals ausgeführt, kann ich das unterbinden ? Kann es alle Einträge "auf einmal" holen?
Einfacher: Kann ich obige Struktur nur mit einem Modul aus der Liste der Blöcke in der Seite abbilden ?
Oder MUSS ich ein Addon dafür bauen ?
Ich finde die Redaxo-Modullösung an sich so schön elegant. Wär toll wenn die das könnte.
Ich danke im Vorraus
Phil
- phil-anthropos
- Beiträge: 3
- Registriert: 11. Okt 2011, 12:10
Re: Bildgalerie AD Gallery und Tabs mit (jquery) fehlerhaft
von Oliver.Kreischer » 11. Okt 2011, 13:22
Hi Phil,
was soll denn in die Tabs?
Ich hab so etwas mal gemacht und habe dort Artikel inkludiert.
Tabbeschriftung = Artikelname und
Tabinhalt = Artikelcontent
Ist es das was du willst?
Dann kann ich das evtl. heute Abend mal raussuchen.
LG
Oliver
was soll denn in die Tabs?
Ich hab so etwas mal gemacht und habe dort Artikel inkludiert.
Tabbeschriftung = Artikelname und
Tabinhalt = Artikelcontent
Ist es das was du willst?
Dann kann ich das evtl. heute Abend mal raussuchen.
LG
Oliver
http://kreischer.de - "It's very simple - you read the protocol and write the code." - Bill Joy
-
Oliver.Kreischer - Beiträge: 1821
- Registriert: 16. Dez 2004, 23:03
- Wohnort: Feldafing
Re: Bildgalerie AD Gallery und Tabs mit (jquery) fehlerhaft
von Ingo » 11. Okt 2011, 13:42
Lass dir über Module (wie geplant) deine Panes ausgeben. Dann gehst du mit einer each-Schleifer per Javascript (im Beispiel jQuery) drüber und generierst dir die Tabs.
- Code: Alles auswählen
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://code.jquery.com/jquery.min.js"></script>
<style>
ul{list-style: none; margin: 0; padding: 0;}
li{display: inline; padding: 0 5px;}
.current{font-weight: bold; color: red;}
</style>
</head>
<body>
<!-- Anfang Modulausgabe -->
<div class="pane" id="modulid1" data-tabname="Name des ersten Tabs">
<p>Inhalt Pane 1</p>
</div>
<!-- Ende Modulausgabe -->
<!-- Anfang Modulausgabe -->
<div class="pane" id="modulid2" data-tabname="Name des zweiten Tabs">
<p>Inhalt Pane 2</p>
</div>
<!-- Ende Modulausgabe -->
<!-- Anfang Modulausgabe -->
<div class="pane" id="modulid3" data-tabname="Name des dritten Tabs">
<p>Inhalt Pane 3</p>
</div>
<!-- Ende Modulausgabe -->
<!-- der Skriptblock kommt ins Template, jQuery einbinden falls nicht vorhanden -->
<script>
$(function () {
var $tabs = $('<ul></ul>'),
$panes = $('.pane'),
$first_pane;
$panes.each(function (idx) {
var $tab = $('<li>' + $(this).data('tabname') + '</li>');
$tab.data('pane_2_show', $(this).attr('id'));
$tabs.append($tab);
if (idx) {
$(this).hide();
return true;
}
$tab.addClass('current');
$first_pane = $(this);
});
$tabs.delegate('li', 'click', function () {
if ($(this).hasClass('current')) {
return;
}
$(this).siblings().removeClass('current');
$(this).addClass('current');
$panes.hide();
$('#' + $(this).data('pane_2_show')).show();
});
$first_pane.before($tabs);
});
</script>
</body>
</html>
- Ingo
- Beiträge: 288
- Registriert: 23. Jun 2010, 23:34
Re: Bildgalerie AD Gallery und Tabs mit (jquery) fehlerhaft
von phil-anthropos » 11. Okt 2011, 14:52
Oliver.Kreischer hat geschrieben:Hi Phil,
was soll denn in die Tabs?
Die Titel der Artikel.
Ja genau ! Das wär klasse!Oliver.Kreischer hat geschrieben:Ich hab so etwas mal gemacht und habe dort Artikel inkludiert.
Tabbeschriftung = Artikelname und
Tabinhalt = Artikelcontent
Ist es das was du willst?
Danke Schon mal
Phil
- phil-anthropos
- Beiträge: 3
- Registriert: 11. Okt 2011, 12:10
Re: Bildgalerie AD Gallery und Tabs mit (jquery) fehlerhaft
von phil-anthropos » 11. Okt 2011, 14:58
Ingo hat geschrieben:Lass dir über Module (wie geplant) deine Panes ausgeben. Dann gehst du mit einer each-Schleifer per Javascript (im Beispiel jQuery) drüber und generierst dir die Tabs.
Ja danke, aber ich möchte an dieser Stelle keine Dom-manipulation durchführen.
- phil-anthropos
- Beiträge: 3
- Registriert: 11. Okt 2011, 12:10
Re: Bildgalerie AD Gallery und Tabs mit (jquery) fehlerhaft
von Ingo » 11. Okt 2011, 16:52
Dann bin ich mal auf deine Tabs ohne Dom-Manipulation gespannt 
*duckundwech*
*duckundwech*
- Ingo
- Beiträge: 288
- Registriert: 23. Jun 2010, 23:34
8 Beiträge
• Seite 1 von 1
Zurück zu Module/Aktionen [R4]
Wer ist online?
Mitglieder in diesem Forum: Google [Bot] und 2 Gäste
