Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Aktywny link w menu - zmiana skryptu
olo707
post
Post #1





Grupa: Zarejestrowani
Postów: 77
Pomógł: 0
Dołączył: 30.03.2012

Ostrzeżenie: (0%)
-----


Witam
Chciałbym osiągnąć w menu taką funkcjonalność że po wejściu na konkretną podstronę podświetlony (zmieniony) będzie odpowiadający mu link, a domyślnie po wejściu na stronę będzie podświetlony link np: strona główna (home). Taką funkcjonalność można zaobserwować na stronie

http://www.cstore.pl/


Wiem że można to osiągnąć np w ten sposób
Kod
$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });
});

ale zależy mi na tym aby ta funkcjonalność była powiązana z adresem url
Ten za to skrypt

Kod
$(function(){
$("a").filter(function() {
    return this.href === document.location.href;
}).addClass("active");                                

});


działa idealnie - po kliknięciu w odpowiedni link jego tło faktycznie się zmienia.
plik html-a wygląda tak
Kod
        <ul id="nav">
            <li><a href="index.php?p=home" class="link active" target="_self">Link 1</a></li>
            <li><a href="index.php?p=about" class="link" target="_self">Link 2</a></li>
            <li><a href="index.php?p=blog" class="link">Link 3</a></li>
            <li><a href="index.php?p=contact" class="link">Link 4</a></li>
        </ul>

Problem w tym żeby po kliknięciu w jakiś link usunięte zostało podświetlenie linku home. Próbowałem to zmienić na różne sposoby ale efekt był niezadowalający. Będę wdzięczny jeśli ktoś będzie w stanie zmienić ten skrypt jquery pod tym kątem




Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 07:18