Menu aktywne podswietlnie aktualnie wyswietlanej strony.

[pantera366]

[Pedro84]

Bo takie coś się ładnie za pomocą PHP załatwia, a dokładniej to if.

[pantera366]

Bo takie coś się ładnie za pomocą PHP załatwia, a dokładniej to if.

proszę o więcej szczegółów jeśli można bo php jest mi nie znanym językiem .w kazdym razie za pomoca js tez to mozna zrobic tylko nie wiem jak

[Pedro84]

No też można. Zasada działania taka sama. Sprawdzasz URL i jego ostatni element (czyli stronę). Jeśli zgadza się z href linku to dodajesz klasę active i ją już sobie CSSem dziabiesz

[pantera366]

No też można. Zasada działania taka sama. Sprawdzasz URL i jego ostatni element (czyli stronę). Jeśli zgadza się z href linku to dodajesz klasę active i ją już sobie CSSem dziabiesz

Pedro84 nie chce tu nikogo "wykorzystywać" ale sam tego nie zrobię,chodzi mi o modyfikacje tego skryptu,jakbyś mógłbyś mnie nakierować dopisując choć linijkę kodu do tego skrytptu będę wdzięczny.

Kod:

<script type="text/javascript">
$(function() {
        // set opacity to nill on page load
        $("ul#menu span").css("opacity","0");
        // on mouse over
        $("ul#menu span").hover(function () {
            // animate opacity to full
            $(this).stop().animate({
                opacity: 1
            }, 180);
        },
        // on mouse out
        function () {
            // animate opacity to nill
            $(this).stop().animate({
                opacity: 0
            }, 500);
        });
    });
</script>

[Pedro84]

Tu masz słowo kluczowe: $(location).attr('href');

Obiekt location ma także inne właściwości.

Co do porównywania, zwykły if (oczywiście porównujesz z href linku - możesz to w pętli zrobić, ba, nawet powinieneś) + addClass

[ixtab]

Głupoty piszecie
Trochę sprytu. Zauważcie, że każda podstrona jest osobnym plikiem. W tej sytuacji wystarczy dla omnie.html:

Kod PHP:

<ul id="menu">
     <li><a href="o mnie.html" class="omnie" id="active"><span></span></a></li>
     <li><a href="galeria.html" class="galeria"><span></span></a></li>
     <li><a href="cv.html" class="cv"><span></span></a></li>
     <li><a href="kontakt.php" class="kontakt"><span></span></a></li>
     <li><a href="inne.html" class="inne"><span></span></a></li>
</ul> 


Kod PHP:

#active {
background:#ccc; czy cokolwiek...
} 


analogicznie dla każdej podstrony, np w pliku cv.html ID=active przypisujesz elementowi LI który odsyła do cv.html

[KeeL]

Głupoty piszecie
Trochę sprytu. Zauważcie, że każda podstrona jest osobnym plikiem. W tej sytuacji wystarczy dla omnie.html:

Kod PHP:

<ul id="menu">
     <li><a href="o mnie.html" class="omnie" id="active"><span></span></a></li>
     <li><a href="galeria.html" class="galeria"><span></span></a></li>
     <li><a href="cv.html" class="cv"><span></span></a></li>
     <li><a href="kontakt.php" class="kontakt"><span></span></a></li>
     <li><a href="inne.html" class="inne"><span></span></a></li>
</ul> 


Kod PHP:

#active {
background:#ccc; czy cokolwiek...
} 


analogicznie dla każdej podstrony, np w pliku cv.html ID=active przypisujesz elementowi LI który odsyła do cv.html

Jezeli dobrze Cię zrozumiałem to to tylko zadziała w statycznym dokumencie.

Lepsza jest jednak metoda z PHP co do tematu.

[ixtab]

Owszem, ale w tym przypadku nie ma co się machać warunków w PHPie, bo strona wygląda na statyczną... Każdy odnośnik to oddzielna strona...