Variable in heading

[Tata]

Ich nutze ein js, das auf der Webseite eine Reiterstruktur generiert. Die Structure ist:

Code: Select all

<div class="wrapper">
	<ul class="tabs">
	<li><a href="#tab1"><?php echo $tx['title']['tab1'];?></a></li>
	<li><a href="#tab2"><?php echo $tx['title']['tab2'];?></a></li>
	</ul>
                                
	<div class="tab_container">
		<div id="tab1" class="tab_content">
			<div class="grid-16 grid tab_newsbox">
				<?php echo newsbox($tx['title']['tab1']);?>
			</div>
		</div>
		
		<div id="tab2" class="tab_content">
			<div class="grid-16 grid tab_newsbox">
				<?php echo newsbox($tx['title']['tab2']);?>
			</div>
		</div>
	</div>
</div>

Es funtioniert winderbar, aber die Seiten Überschriffte müssen sowieso auf der Seite noch einmal geschrieben werden. Wie könnte ich die Seitenüberschriffte aus der Sprachdatei in <h1>...</hi> eintragen? Oder umgehert - was soll ich machen, um die Seite, die in Newsbox eingelesen sein soll, nur einmal definieren zu müssen? Die Überschriffte müssen, ja, auf der Seite slebst stehen und als <li>...</li> und als Newsbox Parameter.

[cmb]

Ich bin nicht sicher, ob ich das Problem verstehe -- vielleicht wäre es gut, wenn Du einen Link auf eine solche Website angibst.

Auf jeden Fall kannst Du die Überschrift auch in der Struktur direkt ausgeben:

Code: Select all

        <div id="tab1" class="tab_content">
         <div class="grid-16 grid tab_newsbox">
            <h1><?php echo $tx['title']['tab1'];?></h1>
            <?php echo newsbox($tx['title']['tab1']);?>
         </div>
      </div>

Und es ist möglich die jeweiligen Einträge in einer Schleife auszugeben:

Code: Select all

<div class="wrapper">
   <ul class="tabs">
<?php for($i = 1; $i <= 2; ++$i):?>
   <li><a href="#tab1"><?php echo $tx['title']['tab' . $i];?></a></li>
<?php endfor;?>
   </ul>
                                
   <div class="tab_container">
<?php for($i = 1; $i <= 2; ++$i):?>
      <div id="tab<?php echo $i;?>" class="tab_content">
         <div class="grid-16 grid tab_newsbox">
            <?php echo newsbox($tx['title']['tab' . $i]);?>
         </div>
      </div>
<?php endfor;?>
   </div>
</div>

[Tata]

Ich versuche es am http://zomos.cmsimple.sk.
Ich verstehe, dass es drei Stellen gibt, die mit der Überschrifft zu tun habe:
1. Die konkrete Seite
2. Der <li> </li> Tag - für Reitername
3. Parameter von den Newsbox
Ich möchte vermeiden, immer, wenn es im Content etwas übernennen wird, in template zu gehen, um die Reiter und newsboxe zu überschreiben.

Auf einder der 3 Stellen solte sich die Überschrifft einstellen lassen, ohne es wieder irgendwo eintragen zu müssen.
Das einfachste un ameleganteste wäre, wenn die Seiten Überschrifft aus der Seite selbst auf beide Stellen im tempkate übertragen würde.
Dann würde es auch nicht nötig, die Überschriffte in der Sprachdatei zu definieren.

[cmb]

Zunächst einmal ist zu bedenken, dass es bei Newsboxen bis zu zwei Überschriften gibt. Die erste gibt den Namen der Newsbox an; die zweite wird in der Newsbox angezeigt, wenn sie vorhanden ist.

Wichtig ist auf jeden Fall, dass CMSimple irgendwie weiß, welche Newsboxen überhaupt für die Tabs verwendet werden sollen. Das hast Du durch zusätzliche Einträge in $tx['title'] gemacht. Es gibt sicher auch diverse andere Möglichkeiten, aber diese ist gar nicht schlecht. Um nun die Anzahl der Newsboxen flexibel zu halten, bietet es sich an nur einen Eintrag in $tx zu verwenden:

Code: Select all

$tx['title']['tabs']="Názov záložky 1,Názov záložky 2,Názov záložky 3";

Dann kannst Du statt dem bisherigen Code im Template schreiben:

Code: Select all

<div class="wrapper">
   <ul class="tabs">
<?php foreach (explode(',', $tx['title']['tabs']) as $tab):?>
   <li><a href="#tab1"><?php echo $tab;?></a></li>
<?php endforeach;?>
   </ul>
                                
   <div class="tab_container">
<?php foreach (explode(',', $tx['title']['tabs']) as $i => $tab):?>
      <div id="tab<?php echo $i;?>" class="tab_content">
         <div class="grid-16 grid tab_newsbox">
            <h4><?php echo $tab;?></h4>
            <?php echo newsbox($tab);?>
         </div>
      </div>
<?php endforeach;?>
   </div>
</div>

Nun solltest Du auf den Newsbox-Seiten noch die <h4> Überschrift löschen.

Wenn sich etwas ändert (Überschrift der Newsbox oder Anzahl der Newsboxen), dann muss das nur noch in $tx['title']['tabs'] geändert werden; Änderungen am Template sind nicht erforderlich.

PS: das Script funktioniert so nicht; eine korrigierte Version habe ich weiter unten gepostet.

[Tata]

Leider nicht! Nachdem ich alles, wie hier geschrieben mache, verschwinden alle Reiterüberschriffte.

EDIT: Doch, hat geklappt. Pardon.

Sowieso meine ich, dass es für den Endbenutzer mehr praktisch wäre, wenn die Überschriffte aus der content.htm gelesen würden und in eine externe Datei gespeichert und davon dann dur die Variabel in template eingetragen.
Etwas klappt da aber docoh nicht. Ich kann aber nicht definieren was es ist. Die Reiter zeigen nicht, was sie zeigen sollen.

Der erste Reiter kommt sofort geöffnet aus (das ist auch richtig so), alle andere Reiter zeigen newsbox Nr. 2. Nachdem man wechselt vom Reiter zu Reiter, auch der erste zeigt schon nur den zweiten Newsbox.

[cmb]

Etwas klappt da aber docoh nicht. Ich kann aber nicht definieren was es ist. Die Reiter zeigen nicht, was sie zeigen sollen.

Auf http://zomos.cmsimple.sk/ funktionieren auch die Reiter nicht wie sie sollen. So wie es jetzt ist, wird beim Klick auf einen Reiter eine neue Seite aufgerufen; aber eigentlich sollte man auf der Seite bleiben, und nur der Inhalt des Tab sollte sich ändern.

Soweit ich es überblicke liegt das an dem Script, das die Tabs behandeln soll:

Code: Select all

	$(document).ready(function() {
							
	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
							
	//On Click Event
	$("ul.tabs li").click(function() {
							
	$("ul.tabs li").removeClass("active"); //Remove any "active" class
	$(this).addClass("active"); //Add "active" class to selected tab
	$(".tab_content").hide(); //Hide all tab content
							
	var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
	$(activeTab).fadeIn(); //Fade in the active ID content
	return false;
	});

Hier wird das click event für ul.tab li "abgefangen", aber dieses wird i.d.R. gar nicht ausgelöst (es sei denn click() registriert einen Event-Handler für die Capturing-Phase, was aber soweit ich weiß, nicht der Fall ist), weil bei Klick auf den Link im Reiter bereits vorher die Navigation ausgelöst wird.

[Tata]

Egal, sowweit ist es nur klassisch besorgt. Es ist auch nicht so wichtig. Ich wollte nur vermeiden, dass es sich zu oft mit template beschäfftigen braucht. Wenn alles direkt (nicht mit Variables) in template eingeetragen ist, funktionieren auch die Reiter. Nur wenn die Variables benutzt sind taucht es auf.

[cmb]

Wenn alles direkt (nicht mit Variables) in template eingeetragen ist, funktionieren auch die Reiter. Nur wenn die Variables benutzt sind taucht es auf.

Das obige Script hatte einen Fehler; es müsste so lauten:

Code: Select all

<div class="wrapper">
   <ul class="tabs">
<?php foreach (explode(',', $tx['title']['tabs']) as $i => $tab):?>
   <li><a href="#tab<?php echo $i;?>"><?php echo $tab;?></a></li>
<?php endforeach;?>
   </ul>

   <div class="tab_container">
<?php foreach (explode(',', $tx['title']['tabs']) as $i => $tab):?>
      <div id="tab<?php echo $i;?>" class="tab_content">
         <div class="grid-16 grid tab_newsbox">
            <h4><?php echo $tab;?></h4>
            <?php echo newsbox($tab);?>
         </div>
    </div>
<?php endforeach;?>
    </div>
</div>

[Tata]

Super, das ist es.
Ich habe aber den H4 Überschrifft aus dem Script rausgenommen. Es war überflüssig, weil es auf den Tabs gegeben ist. Es ist nun nur auskommentiert, so, dass einmal kann es doch benutzt sein.

Jetzt meine ich, dess beide Dinge (das collapsible submenu und die Tabs) könnten zum Standard kommen, oder? Das Submenu durch die Konfiguration and die Tabs als Plugin.

[cmb]

Super, das ist es.

Prima.

Ich habe aber den H4 Überschrifft aus dem Script rausgenommen. Es war überflüssig, weil es auf den Tabs gegeben ist.

Guter Punkt!

Jetzt meine ich, dess beide Dinge (das collapsible submenu und die Tabs) könnten zum Standard kommen, oder? Das Submenu durch die Konfiguration and die Tabs als Plugin.

Das Submenu habe ich mal auf die Roadmap gesetzt. Die Tabs als Plugin ist sicher keine schlechte Idee, aber ich weiß nicht, ob ich dafür Zeit finde.