[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ą (IMG:style_emoticons/default/wink.gif)

[Poczatkujacy_Web]

wyślij $_GET i odbierz go w jakiejś pętli aby dodać klasę odpowiednią (IMG:style_emoticons/default/wink.gif)

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 (IMG:style_emoticons/default/smile.gif) ?

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 (IMG:style_emoticons/default/smile.gif)

[kropamk]

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

[Poczatkujacy_Web]

a jak ktoś wyłączy js na stronie (IMG:style_emoticons/default/smile.gif) ?

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 (IMG:style_emoticons/default/wink.gif) 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 (IMG:style_emoticons/default/wink.gif) 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 (IMG:style_emoticons/default/wink.gif) dodałem jeszcze isset, żeby nie wywalał błędu jak nie ma geta (IMG:style_emoticons/default/wink.gif)

[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 (IMG:style_emoticons/default/wink.gif) dodałem jeszcze isset, żeby nie wywalał błędu jak nie ma geta (IMG:style_emoticons/default/wink.gif)

[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.

(IMG:style_emoticons/default/smile.gif) 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 (IMG:style_emoticons/default/wink.gif) całkiem inny temat (IMG:style_emoticons/default/wink.gif)