[GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

Andynium · 05. April 2011 14:05

Bowler schrieb:

Hi,da ist alles gut und schön,aber mir fehlen einfach die Kenntnisse um das zu bewerkstelligen.

Ist doch kein Problem, nur können die Beteiligten, die dir hier helfen möchten, anhand deines Postings nicht erkennen, wie ausführlich die Antworten sein müssen, damit es dir weiterhilft wink .

Mal schauen, ob ich 'ne Demo hinbekomme cool ...

Bowler · 05. April 2011 19:18

na das wäre eine tolle sache.hätte da ein css von dem joomla plugin.wenn es gebraucht würde.
plugin_jw_ts.rar

Andynium · 06. April 2011 12:06

Das ist ja gerade das Tolle an CMSMS - wo andere CMS separate Module benötigen, lässt sich das ganz entspannt in CMSMS nachrüsten. Würden wir alle mit CMSMS möglichen Änderungen in eigene Module verpacken, hätten wir Joomla! in der Modulanzahl schon lange überflügelt cool .

Aber ich geb dir recht - mit einer besseren Doku wäre allen geholfen. Aber wir arbeiten dran wink .

Hier nun die versprochene Demo ...

Bowler · 06. April 2011 13:38

habe es mir angesehen,super,aber wie komme ich daran??

cyberman schrieb:

Das ist ja gerade das Tolle an CMSMS - wo andere CMS separate Module benötigen, lässt sich das ganz entspannt in CMSMS nachrüsten. Würden wir alle mit CMSMS möglichen Änderungen in eigene Module verpacken, hätten wir Joomla! in der Modulanzahl schon lange überflügelt .
Aber ich geb dir recht - mit einer besseren Doku wäre allen geholfen. Aber wir arbeiten dran .
Hier nun die versprochene Demo ...

Andynium · 07. April 2011 12:19

Ich mach mal dazu ein kleines HowTo - dauert jedoch noch ein bis zwei Tage wink .

Wurst2008 · 07. April 2011 14:57

Da bedanke ich auch mich schon mal vorab! Finde die Idee sehr interessant.

X-TREM · 09. April 2011 07:58

Warte schon sehnsüchtig darauf smile Sag Bescheid, wenn du es hast.

Bowler · 11. April 2011 17:41

Hallo,möchte ja nicht als drängler gelten,ist wohl noch in arbeit und doch nicht so leicht??

cyberman schrieb:

Ich mach mal dazu ein kleines HowTo - dauert jedoch noch ein bis zwei Tage .

X-TREM · 14. April 2011 18:30

Hallo Cyberman,

hast du bereits was zusammen bekommen? Wäre super, wenn du dein versprochenes How To bereitstellen würdest smile

Danke dir.

Andynium · 15. April 2011 07:12

Ist noch in Arbeit ... es sollte etwas allgemeiner anwendbar sein, aber meine Tochter (11 Wochen) hatte die letzten Tage etwas dagegen ops .

Sonst mach ich erst mal die kurze Variante.

X-TREM · 15. April 2011 14:30

nur keine Hektik. Je besser das How To wird, desto besser für alle smile Sag Bescheid, wenn du fertig bist. Evtl. schaffst du es bereits bis nächste Woche.

Wurst2008 · 15. April 2011 17:38

...meine Tochter (11 Wochen)

Gratuliere! smile

Bowler · 25. April 2011 09:55

Hallo,cyberman.hoffe das du im kreise deine familie schöne ostern hastmöchte nur mal nachfragen was das How To für die taps im content machen.
glg

X-TREM · 27. April 2011 08:50

Hallo Cyberman,

wollte auch kurz mal nachfragen wie es mit dem How To aussieht? Hast du es schon fertig? Wenn nein, hast du im Fokus wie lange du dafür noch ca. brauchen wirst?

Danke.

Wurst2008 · 27. April 2011 18:01

Die Geister die ich rief... smile

X-TREM · 01. Mai 2011 16:20

Cyberman, wo bist du?

Andynium · 02. Mai 2011 06:21

Im Osterurlaub, OHNE CMSMS wink - machs die Woche fertig.

X-TREM · 02. Mai 2011 18:44

Ah, da bist du ja smile Super, danke dir smile

Bowler · 11. Mai 2011 11:32

Hallo lieber cyberman,darf ich mal nachfragen was die content tabs so machen??;))

Andynium · 17. Mai 2011 11:11

Ich habs noch nicht vergessen ... aber Bezahlkunden gehen nun mal vor cool .

X-TREM · 01. Juni 2011 20:18

wie ist der Stand nach knapp 2 Monaten? smile

Hast du bereits Zeit finden können?

nicmare · 01. Juni 2011 21:36

mensch du bist aber hartnäckig. ist es so schwer da auf ne eigene lösung zu kommen? leider ist cyber anscheinend zZ extremst überlastet. aber nun gut, ich habe ja auch angekündigt, mich mal damit zu beschäftigen. Habe jetzt nicht die diversen Antworten verfolgt aber hier ein VORSCHLAG von meiner Seite. Ein ganz simpler und einfacher Ansatz

Was du brauchst:
content_dump

Ansicht:
screenshot

Installation:
content_dump in /plugins/ ablegen.
dann einen globalen content block namens "tabs" erstellen mit folgendem inhalt:

Hier klicken, um den Code zum Kopieren zu markieren

<div class="tabs">
    <div class="menu">
{content_dump assign="dump2" show_in_menu="force" start_id=$content_id exclude=$content_id}
        <ul class="clearfix">
    {foreach from=$dump2 item=dump}
            <li>
                <a href="{cms_selflink href=$dump->content->alias}">
                    <span>{$dump->content->title|truncate:22:'…':true}</span>
                </a>
            </li>

    {/foreach}
        </ul>
        <div class="clear"></div>
    </div>
    <div class="target"></div>
</div>

dann das CSS einfügen:

Hier klicken, um den Code zum Kopieren zu markieren

.tabs ul, .tabs li {
    background:none;
    padding:0;
    margin:0;
    list-style:none;}

.tabs li, .tabs li a, .tabs li a span {
    float:left;
    display:block;
    cursor:hand;
    cursor:pointer;}

.tabs a {
    text-decoration:none;
    color:#000;
    padding:4px 6px 4px 6px;
    background:#ccc;
    border:1px solid #000;
    margin:0 -1px 0 0;
    font-weight:bold;
    border-bottom:none;}

.tabs a:hover, .tabs li.active a {
    background:#f2f2f2;}

.tabs ul {
    padding:0 0 0 10px;}

.tabs .menu {
    border-bottom:1px solid #000;}

.tabs .target {
    border:1px solid #000;
    margin:10px 0 0 0;
    padding:10px;
    min-height:20px;
    clear:both;}

.clear {
    clear:both;}

Ein neues Layout-Template anlegen namens "Ajax" mit folgendem Inhalt:

Hier klicken, um den Code zum Kopieren zu markieren

{content}

In dein vorhandenes Template fügst du noch das Javascript im <head> ein:

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
{literal}$(document).ready(function(){
    $(".tabs li a").click(function(e){
        e.preventDefault();
        $(".tabs .target").load(this.href);
        $(this).parent().siblings().removeClass("active");
        $(this).parent().addClass("active");
    });
});{/literal}
</script>

dann folgende Seitenstruktur anlegen:

Hier klicken, um den Code zum Kopieren zu markieren

Zielseite (mit deinem eigenen Template)
- Unterseite (Option: nicht im Menü anzeigen, Template: Ajax)
- Unterseite (Option: nicht im Menü anzeigen, Template: Ajax)
- Unterseite (Option: nicht im Menü anzeigen, Template: Ajax)
- usw.

nun brauchst du nur noch unseren GCB bei der Zielseite in den Inhalt einfügen:

Hier klicken, um den Code zum Kopieren zu markieren

{global_content name='tabs'}

Jetzt sollten alle Unterseiten in Tabs auf der Zielseite aufgereiht sein.
Wenn du einen Tab klickst, wird der Inhalt in den Rahmen geladen.

Kann man natürlich noch um folgende Features ergänzen:

Autoload für den ersten Tab (Lösung vorhanden)
Ladestatus (Lösung vorhanden)
welche Inhalte von der Quellseite geladen werden (fragmente) (Lösung vorhanden)
History und Bookmarking

Beitrag geändert von nicmare (02. Juni 2011 22:07)

X-TREM · 02. Juni 2011 00:54

nicmare schrieb:

mensch du bist aber hartnäckig. ist es so schwer da auf ne eigene lösung zu kommen?

Jep, bin ich smile
Ich hatte zwar eine Lösung im Kopf, die wäre aber nicht so sauber gewesen... deshalb wollte ich ja das mit den content tabs, da ich denke, dass das die bessere Lösung sei. Außerdem kann ich nicht programmieren, sorry.

Danke dir für deinen Vorschlag.

Forum für CMS/made simple

#26 05. April 2011 14:05

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#27 05. April 2011 19:18

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#28 06. April 2011 12:06

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#29 06. April 2011 13:38

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#30 07. April 2011 12:19

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#31 07. April 2011 14:57

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#32 09. April 2011 07:58

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#33 11. April 2011 17:41

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#34 14. April 2011 18:30

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#35 15. April 2011 07:12

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#36 15. April 2011 14:30

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#37 15. April 2011 17:38

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#38 25. April 2011 09:55

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#39 27. April 2011 08:50

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#40 27. April 2011 18:01

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#41 01. Mai 2011 16:20

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#42 02. Mai 2011 06:21

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#43 02. Mai 2011 18:44

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#44 11. Mai 2011 11:32

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#45 17. Mai 2011 11:11

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#46 01. Juni 2011 20:18

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#47 01. Juni 2011 21:36

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

#48 02. Juni 2011 00:54

Re: [GELÖST] [GELÖST] [GELÖST] [GELÖST] [GELÖST] Content Tabs

Fußzeile des Forums