Hallo liebes Sponsor Board,
Ich passe gerade ein Design für einen Clan an.
Dabei gibt es im Design eine Subnavi.
Leider habe ich bis jetzt noch nie mit Subnavis in Webspell gearbeitet, weswegen ich keine Ahnung habe, wie ich diese umsetzten muss.
Könnte einer der Webspell Experten von euch da evtl. ein Teilcode von sich zusenden bzw. mir Kürz erklären, wie ich es umsetzen kann ?
Würde mich sehr drüber freuen.
MfG
Marcel "Semsen" Kuhla
was für eine Subnavi? vorschau wäre hilfreich
Habe dir eine PM zugesendet, da ich es noch nicht veröffentlichen möchte.
*PUSH*
Inzwischen habe ich es versucht mit Javascript und CSS umzusetzen.
Nur ihrgendwie scheint das Javascript etwas den Dienst zu verweigern.
So sieht das Navi JS aus :
function navigation() {
$('#mainNav a').click(function() {
$('#mainNav a').removeClass('current');
$('#subNav ul').hide();
$(this).addClass('current');
$($(this).attr('href') + 'Nav').show();
});
$('#mainNav a').click(function() {
$.cookie('currentMainNav',$(this).attr('href'));
});
$('#subNav a').click(function() {
$.cookie('currentSubNav',$(this).attr('href'));
});
$('#header a').click(function() {
$.cookie('currentSubNav','');
$.cookie('currentMainNav','');
});
$($.cookie('currentMainNav') + 'Nav').show();
$('#mainNav a[href$="' + $.cookie('currentMainNav') + '"]').addClass('current');
$('#subNav a[href$="' + $.cookie('currentSubNav') + '"]').addClass('current');
}
Eingebunden habe ich die Mainnavi dann so :
<ul>
<li><a href="index.php?news">Home</a></li>
<li><a href="#member">Member</a></li>
<li><a href="index.php?site=forum">Forum</a></li>
<li><a href="index.php?site=server">Server</a></li>
<li><a href="index.php?site=sponsors">Sponsoren</a></li>
<li><a href="#media">Media</a></li>
<li><a href="index.php?site=clanwars">Matches</a></li>
</ul>
Ein Beispiel wie eine Subnavi aussehen könnte :
<ul id="memberNav">
<li><a href="index.php?awaycal" target="_self">Management</a></li>
<li><a href="index.php?awaycal" target="_self">All Teams</a></li>
<li><a href="index.php?awaycal" target="_self">Counter-Strike: Source</a></li>
<li><a href="index.php?awaycal" target="_self">Counter Strike: Global Offensive</a></li>
</ul>
Evtl. weiß ja jemand von euch, wo das Problem liegt.
MfG
du musst die id setzen. die sind im javascript mit einer # gekennzeichnet.
beispiel $('#mainNav a').click(function()
das #mainNav ist die id. das a steht für den link.
Also müsstest du in deinem zweiten code schnipsel
<ul id="mainNav">
<li><a> </a></li>
</ul>
usw ergänzen. das selbe für die subnav. Die id müsstest du mittels css noch anpassen.
Hoffe das hilft dir.
du musst die id setzen. die sind im javascript mit einer # gekennzeichnet.
beispiel $('#mainNav a').click(function()
das #mainNav ist die id. das a steht für den link.
Also müsstest du in deinem zweiten code schnipsel
<ul id="mainNav">
<li><a> </a></li>
</ul>
usw ergänzen. das selbe für die subnav. Die id müsstest du mittels css noch anpassen.
Hoffe das hilft dir.
Oh man 
Edit: Vergiss was ich gesagt habe, etwas anderes :
Ich habe die ids jewähls in dem Div, der davor gestellt ist. Das reicht auf meiner anderen Page aus.
Diese basiert aber auf ilch. Kann es daher kommen ?
die id`s musst du setzen, sonst weis das javascript nicht was zusammen gehört.
Entweder passt die id, von der navi an, oder die vom javascript. würde da bevorzugen die vom javascript zu ändern. ist ja keine große sache. nur den namen ändern. Die id`s müssen aber definiert sein, sonst geht das nicht.
Alle id`s die mit dem id name im javascript angeben sind, bekommen diese funktion. in dem fall nur eine id, weil man id`s nur 1 mal verwenden darf. andernfalls müsste man eine class verwenden. im javascript ist es aber egal wie oft du die id angibst. im html jedoch nicht.
#name = id .name = class
korrigiert mich bitte falls irgendwas falsch ausgedrückt ist.
Okay, das habe ich jetzt verstanden.
Aber in der Subnavi habe ich ja schon die id gesetzt damit die subnavi weiß, bei welchem Main Navipunkt sie aufgehen soll. Dort kann ich ja nichts mehr setzten, und auf der anderen seite geht es ja auch so.
Ihrgendwie muss es doch an dem CMS unterschied liegen.
Gibt es ein ähnliches Javascript, was ich benutzen kann, welches unter Webspell funktioniert ?
im javascript die subnavi id anpassen.
$('#subNav a').click(function() {
$.cookie('currentSubNav',$(this).attr('href'));
und wo du noch subnavi liest. Bin nicht der experte in javascript, aber so würde ich es probieren.
im javascript die subnavi id anpassen.
$('#subNav a').click(function() {
$.cookie('currentSubNav',$(this).attr('href'));
und wo du noch subnavi liest. Bin nicht der experte in javascript, aber so würde ich es probieren.
Okay, aber es gibt ja mehrere subNavi id's.
für :
<li><a href="#member">Member</a></li>
aus der Mainnavi gibt es :
<ul id="memberNav">
<li><a href="index.php?awaycal" target="_self">Management</a></li>
<li><a href="index.php?awaycal" target="_self">All Teams</a></li>
<li><a href="index.php?awaycal" target="_self">Counter-Strike: Source</a></li>
<li><a href="index.php?awaycal" target="_self">Counter Strike: Global Offensive</a></li>
</ul>
usw.... Also muss ich hier jetzt :
$('#subNav a').click(function() {
$.cookie('currentSubNav',$(this).attr('href'));
});
nehmen und dort noch die anderen id's eintragen oder wie ?
Wie gesagt, hier funktioniert es mit genau dem selben Code : [Link: Registrierung erforderlich]