[PHP]Dodanie klasy activ do aktywnej obenie podstrony menu, includowane menu jak dodać element aktywny? Opcje

[Poczatkujacy_Web]

Witam,


Chciałbym do mojej strony includować plik w którym znajduje się menu np.

menu.php - w któym znajduje się kod menu przykład:

<div id="menu">
<ul>
<li><a href="index.php"> HOME</a></li>
<li><a href="kontakt.php"> KONTAKT</a></li>
<li><a href="cos.php"> COŚ</a></li>
</ul>
</div>

teraz moje pytanie jak zrobić aby php dodawało clase activ do elementu li aktywnej aktualnie podstrony?

[kropamk]

wyślij $_GET i odbierz go w jakiejś pętli aby dodać klasę odpowiednią

[Poczatkujacy_Web]

wyślij $_GET i odbierz go w jakiejś pętli aby dodać klasę odpowiednią

wiesz co nie jestem zbyt dobry w php, uczę się go powoli i mozolnie, gdybyś mógł mi jakoś bardziej pomóc to byłbym wdzięczny.

[rad11]

Mi sie wydaje ze takie rzeczy jak aktywny link to bedzie lepiej Ci wykonac poprzez np jquery:

active

[kropamk]

a jak ktoś wyłączy js na stronie ?

nie podoba mi się do końca Twój sposób ładowania/wyświetlania menu ale jeżeli już tak musisz i trzymając się mojego sposobu to po prostu do kadej pozycji li Twojego menu dodaj w linku wartość get i sprawdzaj aby dodać klasę np.

[HTML] pobierz, plaintext 
<li><a href="index.php?active=1" class="<?php echo ($_GET['active'] == 1) ? 'active' : 'no-active' ?>"> HOME</a></li>
[HTML] pobierz, plaintext 

Ten post edytował kropamk 9.03.2014, 22:30:56

[rad11]

Kto w dzisiejszych czasach ma wylaczony js

[kropamk]

developer, roboty i inne psuje, które chcą Ci rozwalić stronę jak robisz formularz to robisz tylko walidacje js? Czy też php ale każdy może mieć swoje zdanie, ja nie polecam tworzyć menu na jquery

[Poczatkujacy_Web]

a jak ktoś wyłączy js na stronie ?

nie podoba mi się do końca Twój sposób ładowania/wyświetlania menu ale jeżeli już tak musisz i trzymając się mojego sposobu to po prostu do kadej pozycji li Twojego menu dodaj w linku wartość get i sprawdzaj aby dodać klasę np.

[HTML] pobierz, plaintext 
<li><a href="index.php?active=1" class="<?php echo ($_GET['active'] == 1) ? 'active' : 'no-active' ?>"> HOME</a></li>
[HTML] pobierz, plaintext 

dodałem to do elementów mojego menu zawartego w header.php przykład:

[PHP] pobierz, plaintext 
 <nav class="nav-main mega-menu">
                            <ul class="nav nav-pills nav-main" id="mainMenu">
 
 
 
                          <li><a href="index.php?active=1" class="<?php echo ($_GET['active'] == 1) ? 'active' : 'no-active' ?>"> HOME</a></li>
 
                               <li><a href="index.php?active=1" class="<?php echo ($_GET['active'] == 1) ? 'active' : 'no-active' ?>"> HOME1</a></li>
                               <li><a href="index.php?active=1" class="<?php echo ($_GET['active'] == 1) ? 'active' : 'no-active' ?>"> HOME2</a></li>
                               <li><a href="index.php?active=1" class="<?php echo ($_GET['active'] == 1) ? 'active' : 'no-active' ?>"> HOME3</a></li>
                               <li><a href="index.php?active=1" class="<?php echo ($_GET['active'] == 1) ? 'active' : 'no-active' ?>"> HOME4</a></li>
                            </ul>
                        </nav>
[PHP] pobierz, plaintext 

dalej includuje to w index.php

[PHP] pobierz, plaintext 
<?php include'header.php'; ?>
[PHP] pobierz, plaintext 

ale nie działa w żaden sposób

[kropamk]

zbadaj element li i powiedz mi czy dodaje jakąś klasę czy wywala błąd.

wrzuciłem u siebie ten kod na localu, nawet z includowanym menu tak jak Ty to robisz i mi dodaje klase active oraz no-active kod jest dobrze napisany

[Poczatkujacy_Web]

zbadaj element li i powiedz mi czy dodaje jakąś klasę czy wywala błąd.

wrzuciłem u siebie ten kod na localu, nawet z includowanym menu tak jak Ty to robisz i mi dodaje klase active oraz no-active kod jest dobrze napisany

Dodaje klase "no-active" do elementu "a"

chcialbym aby dodawalo do elementu "li"



Ok, ogarnołem żeby dodawało do li, tylko teraz tak:

mam menu:

[PHP] pobierz, plaintext 
<nav class="nav-main mega-menu">
 
                            <ul class="nav nav-pills nav-main" id="mainMenu">
 
 
                          	   <li class="<?php echo ($_GET['active'] == 1) ? 'no-active' : 'active' ?>"><a href="index.php?active=1" > HOME</a></li>
                               <li class="<?php echo ($_GET['active'] == 1) ? 'no-active' : 'active' ?>"><a href="index1.php?active=1" > HOME1</a></li>
                               <li class="<?php echo ($_GET['active'] == 1) ? 'no-active' : 'active' ?>"><a href="index2.php?active=1" > HOME2</a></li>
                               <li class="<?php echo ($_GET['active'] == 1) ? 'no-active' : 'active' ?>"><a href="index3.php?active=1" > HOME3</a></li>
 
                            </ul>
 
                        </nav>
[PHP] pobierz, plaintext 

wyswietlane w pliku index.php, index1.php i w kazdym dodaje klase active do wszystkich elementow menu... jak zrobic aby wybieralo ten wlasciwy czyli aktywny?

[kropamk]

po ? jest prawda a po : fałsz więc masz na odwrót dodałem jeszcze isset, żeby nie wywalał błędu jak nie ma geta

[HTML] pobierz, plaintext 
<li class="<?php echo (isset($_GET['active']) == 1) ? 'active' : 'no-active' ?>">
            <a href="index.php?active=1" >HOME</a>
        </li>
[HTML] pobierz, plaintext 

no i widzę, że masz linki do index1.php a nie do index.php a chyba includujesz do index.php, prawda ?

Ten post edytował kropamk 9.03.2014, 23:22:28

[Poczatkujacy_Web]

po ? jest prawda a po : fałsz więc masz na odwrót dodałem jeszcze isset, żeby nie wywalał błędu jak nie ma geta

[HTML] pobierz, plaintext 
<li class="<?php echo (isset($_GET['active']) == 1) ? 'active' : 'no-active' ?>">
            <a href="index.php?active=1" >HOME</a>
        </li>
[HTML] pobierz, plaintext 

no i widzę, że masz linki do index1.php a nie do index.php a chyba includujesz do index.php, prawda ?

no ok, a jeśli mam więcej elementów w menu? i inluduje ten sam plik?

chodzi mi o to ze mam w menu podstrony:
home, kontakt, itd

i chce do nich includowac jeden plik z menu tak aby dodawał tylko do aktywnego elementu klase activ.

robie to po to ze strona bedzie miala wiele podstron i chce za jednym zamachem zmieniac potem zakladki w menu.

[kropamk]

ok to sprawa wygląda tak, każde a w li ma geta page_id o przypisanej wartości tylko dla tej gałęzi. Pod strony, które się zawierają w nim też mają geta.
Czyli index ma wartośc page_id=1, kontakt ma page_id=4, ... itd.

kod poniżej

[HTML] pobierz, plaintext 
<?php
if (isset($_GET['page_id'])) {
    $page_id = $_GET['page_id'];
}
?>
<div id="menu">
    <ul>
        <li class="<?php echo ($page_id == 1) ? 'active' : 'no-active' ?>">
            <a href="index.php?page_id=1" >HOME</a>
            <ul>
                <li>
                    <a href="index.php?page_id=1">item1</a>
                </li>
            </ul>
        </li>
 
        <li class="<?php echo ($page_id == 2) ? 'active' : 'no-active' ?>">
            <a href="index.php?page_id=2" >HOME</a>
            <ul>
                <li>
                    <a href="site.html?page_id=2">item1</a>
                </li>
            </ul>
        </li>
    </ul>
</div>
[HTML] pobierz, plaintext 

Ten post edytował kropamk 9.03.2014, 23:44:47

[Poczatkujacy_Web]

Super ! działa, tylko z tymi linkami nie da się nic zrobić żeby wyglądały naturalnie?

[kropamk]

a to już odsyłam do mod rewrite całkiem inny temat