Dodanie nowej strony do menu

**Penny** · (Ten post był ostatnio modyfikowany: 18.03.2017, 17:39 przez Penny.)

Witam,
mam problem odnośnie nadawania klasy "active" do nowej strony dodanej do menu.

Stronę dodałem standardowo do headera tak ja domyślne (kalendarz, index, szukaj).
Wszystko działa poprawnie, oprócz nadawania na tej stronie klasy activ do headera - przechodząc na tą stronę, nie dołącza się klasa active do linku strony;/

ficus napisał 04.12.2016, 10:26:
Wszelkie zrzuty z ekranu należy dodawać w postaci załącznika. Zabronione jest zamieszczanie grafik / plików umieszczonych na serwerach zewnętrznych.

**ficus** · 04.12.2016, 10:27

A w jaki sposób próbujesz nadawać klasę active?
Inne podstrony działają?
Daj szablon podstrony test i index

Zastosuj się do notatki.

**Penny** · 04.12.2016, 15:55

@ficus
Klasa active nie działa poprawnie, w Upgrade dubluje się z Home, a w pozostałych wyświetla o dziwo tylko Home jako active (w załączniku ss)

Tak prezentuje się cały kod css i header.
Dodatkowo do każdej z tych stron (Upgrade, Awards i Dollars) dodałem do <body> id="" - takie jak w css.

**ficus** · 04.12.2016, 16:35

Kod header nie jest mi zbytnio potrzebny.
Potrzebuje pełnego kodu - najlepiej z konsoli przeglądarki, nie szablonów.
Kod szablonów danych podstron, a najlepiej - link forum, które notabene jest online, a z jakiegoś powodu ukrywasz je pod localhostem.

**Penny** · 04.12.2016, 19:14

@ficus incomebb.net
Obstawiam CSS, albo jakoś nie pobiera klasy active z szablonu, ale wątpię bo reszta działa.

**Leon Lendzion** · 04.12.2016, 19:31

(04.12.2016, 19:14)Penny napisał(a): incomebb.net

Chciałem wejść, zobaczyć a tu z mojego ip:
Protection died IPs active, this IP range is not allowed !

IP pochodzi z Plusa, a dokładniej mobilny internet cyfrowego polsatu

**Penny** · (Ten post był ostatnio modyfikowany: 04.12.2016, 19:39 przez Penny.)

Wszystko powinno działać poprawnie, spróbuj uruchomić ponownie usługę/restart routera/inna przeglądarka.

**Divir** · 04.12.2016, 19:45

currentPage = $(document).find(".navigation").text();

if (currentPage.indexOf('Portal') != -1)

{

        $('.menu li a.portal').addClass('active');

}

else if (currentPage.indexOf('Search') != -1)

{

        $('.menu li a.search').addClass('active');

}

else if (currentPage.indexOf('Member List') != -1)

{

        $('.menu li a.memberlist').addClass('active');

}

else if (currentPage.indexOf('Calendar') != -1)

{

        $('.menu li a.calendar').addClass('active');

}

else if (currentPage.indexOf('Help Documents') != -1)

{

        $('.menu li a.help').addClass('active');

}

else if (currentPage.indexOf('NonEx') == -1)

{

        $('.menu li a.forum').addClass('active');

}

Tutaj masz kod, który odpowiada za dodawanie klasy active. Dodaj po prostu kolejnego else if według tej struktury (jeśli znajdzie ten tekst, to do x klasy dodaj klasę active).

**Penny** · 04.12.2016, 21:22

@Divir
dodałem

else if (currentPage.indexOf('Upgrade') != -1)
{
        $('.menu li a.upgrade').addClass('active');
}
else if (currentPage.indexOf('my_awards') != -1)
{
        $('.menu li a.award_1').addClass('active');
} 

gdzie currentPage.indexOf wstawiłem Template Name z szablonów globalnych.
Nadal nie działa ;/
Co może być nie tak?

klasy award_1 i upgrade mają takie same parametry ja te działające z pozostałych.

**Divir** · (Ten post był ostatnio modyfikowany: 04.12.2016, 22:14 przez Divir.)

To my_awards zamień na awardsi analogicznie. To zawiera po prostu kawałek treści, która jest w tym elemencie.

http://i.imgur.com/JvO8mup.jpg

**Penny** · 05.12.2016, 09:21

@Divir podmieniłem tak jak pisałeś i błąd nadal występuje :/
Zastanawia mnie tylko dlaczego Upgrade nie mając klasy active zmienia się jakby ją posiadał.
Dodatkowo dziwne jest to, że active przyjmuje home, tak jak w pozostałych.

**Divir** · 05.12.2016, 16:06

Masz ogólnie bałagan w kodzie.

Zamiast tego twojego użyj:

else if (currentPage.indexOf('Upgrade') == -1)

{

        $('.menu li a.upgrade').addClass('active');

}

i

else if (currentPage.indexOf('awards') == -1)

{

        $('.menu li a.award_1').addClass('active');

}

Testuje i z tego co widzę to działa.

**Penny** · (Ten post był ostatnio modyfikowany: 05.12.2016, 16:34 przez Penny.)

@Divir
Teraz active jest upgrade w Awards i Dollars.
Całość kodu:

<script>
jQuery(document).ready(function($) {

if ($('#pm_unread').text() != '0') {
        $('.pm_anchor').addClass('pm_new');
}

$('ul.menu li')
.mouseenter(function() {
        $(this).children('ul').fadeIn(200);
})
.mouseleave(function() {
        $(this).children('ul').fadeOut(200);
});

currentPage = $(document).find(".navigation").text();

if (currentPage.indexOf('Portal') != -1)
{
        $('.menu li a.portal').addClass('active');
}
else if (currentPage.indexOf('Search') != -1)
{
        $('.menu li a.search').addClass('active');
}
else if (currentPage.indexOf('Member List') != -1)
{
        $('.menu li a.memberlist').addClass('active');
}
else if (currentPage.indexOf('Calendar') != -1)
{
        $('.menu li a.calendar').addClass('active');
}
else if (currentPage.indexOf('Help Documents') != -1)
{
        $('.menu li a.help').addClass('active');
}
else if (currentPage.indexOf('Upgrade') == -1)
{
        $('.menu li a.upgrade').addClass('active');
}
else if (currentPage.indexOf('awards') == -1)
{
        $('.menu li a.award_1').addClass('active');
}
else if (currentPage.indexOf('dollars') == -1)
{
        $('.menu li a.doll').addClass('active');
}
else if (currentPage.indexOf('NonEx') == -1)
{
        $('.menu li a.forum').addClass('active');
}

 



    if ( $('ul.navigation').height() > 40 )
    {
        $('ul.navigation li').not(':first, :last').children('a').html('...');
    }

$( window ).resize(function() {
    if ( $('ul.navigation').height() > 40 )
    {
        $('ul.navigation li').not(':first, :last').children('a').html('...');
    }
}); 

Nie mam pojęcia w czym jest błąd.
currentPage.indexOf może nie jest poprawny?

Edit: Nawet stronę główną (home) daje teraz Upgrade jako active :/

**Divir** · 05.12.2016, 17:04

Usuń swój cały kod na to i zrób to według tego:

var tabAddress = window.location.pathname;

switch (tabAddress) {

	case "/index.php":

  	$('.menu li .forum').addClass('active');

    break;

  case "/search.php":

  	$('.menu li .search').addClass('active');

    break;

  case "/myawards.php":

  	$('.menu li .award_1').addClass('active');

    break;

}

Dużo prościej i czytelniej.

**Penny** · 05.12.2016, 17:15

@Divir
O dziwo dodaje również klasę active do home i są dwie ;/

currentPage = $(document).find(".navigation").text();

if (currentPage.indexOf('Portal') != -1)
{
        $('.menu li a.portal').addClass('active');
}
else if (currentPage.indexOf('Search') != -1)
{
        $('.menu li a.search').addClass('active');
}
else if (currentPage.indexOf('Member List') != -1)
{
        $('.menu li a.memberlist').addClass('active');
}
else if (currentPage.indexOf('Calendar') != -1)
{
        $('.menu li a.calendar').addClass('active');
}
else if (currentPage.indexOf('Help Documents') != -1)
{
        $('.menu li a.help').addClass('active');
}

else if (currentPage.indexOf('NonEx') == -1)
{
        $('.menu li a.forum').addClass('active');
}
var tabAddress = window.location.pathname;

switch (tabAddress) {
 case "/index.php":
   $('.menu li .forum').addClass('active');
    break;
  case "/search.php":
   $('.menu li .search').addClass('active');
    break;
  case "/myawards.php":
   $('.menu li .award_1').addClass('active');
    break;
 case "/newpoints.php":
   $('.menu li .doll').addClass('active');
    break;
} 

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie

Dodanie nowej strony do menu

Użytkownicy przeglądający ten wątek: