[AJAX][PHP]Jak wyróżnić wybraną opcję w menu? Opcje

[cent4]

Witam.
Mam menu (strony ładowane są do div'a ajaxem) i chcę żeby po wybranej opcj w menu została ona specjalnie zaznaczona powiedzmy jakimś kolorem, jak kliknie się inną opcję tamta wraca do swoich ustawień, a ta druga się podświetla...
moje menu:

[HTML] pobierz, plaintext 
<a style="cursor:pointer" target="_parent" value="load()" id="load_home">STRONA GŁÓWNA</a>
<a style="cursor:pointer" target="_parent" value="load()" id="load_program">PROGRAM</a>
[HTML] pobierz, plaintext 

moja funkcja:

[HTML] pobierz, plaintext 
<script type="text/javascript">
            	$.ajaxSetup ({
            		cache: false
            	});
            	var ajax_load = "<br><br><br><CENTER><img class='loading' src='images/load.gif' alt='' /></CENTER>";
 
              $("#SRODEK").html(ajax_load).load("ajax/home.php");
 
            	$("#load_home").click(function(){
            		$("#SRODEK").html(ajax_load).load("ajax/home.php");
            	});
 
            	$("#load_program").click(function(){
            		$("#SRODEK").html(ajax_load).load("ajax/program.php");
            		if (this.href == "/ajax/program.php") { // sprawdzamy, czy adres odnośnika jest równy aktualnemu adresowi
                }
            	});
 
 
            	$("#load_dom").click(function(){
            		$("#SRODEK")
            			.html(ajax_load)
            			.load(loadUrl + " #picture");
            	});
            </script>
[HTML] pobierz, plaintext 

Jak dam coś takiego to zaznacza mi się ale potem się nie odznacza:

[HTML] pobierz, plaintext 
$("#load_program").click(function(){
            		$("#SRODEK").html(ajax_load).load("ajax/program.php");
                    $(this).css('background-color', 'white');
            	});
[HTML] pobierz, plaintext 

[b4rt3kk]

Może sprawdzaj aktualny link i jeśli jest zgodny z adresem odnośnika to nadawaj mu odpowiedni kolor?

[HTML] pobierz, plaintext 
$(function(){
  $('a').each(function(){
    if ($(this).attr('href') == window.location.pathname) {
       // zmień tło czy coś
    }
  });
});
[HTML] pobierz, plaintext 

Ten post edytował b4rt3kk 28.09.2012, 08:29:53

[cent4]

Coś nie umiem tego zastosować...
Co mam tam wpisać w tej funkcji dla podanej np. podstrony program...?

[b4rt3kk]

To tylko taki przykład, dla każdego a sprawdzany jest atrybut href, którego u Ciebie brakuje, więc możesz sprawdzać np. id, następnie porównywany jest z aktualnym adresem, jeśli atrybut jest powiązany z aktualnym adresem wtedy nadajesz odpowiednie tło temu elementowi. W przypadku id musisz ustalić jakieś powiązanie z adresem, wyciągnąć np. load_home czy load_program i z aktualnego linka tak samo, np. http://strona.pl/home.php

[Arcioch]

Możesz też po clicku na odpowiednie link nadawać po prostu jakąś klasę active a reszcie elementów ją usuwać. Oczywiście klasa musi być odpowiednio ostylowana w css

[HTML] pobierz, plaintext 
$("#load_home").click(function(){
      $("#SRODEK").html(ajax_load).load("ajax/home.php");
      $(this).addClass('active');
      $('#load_program, #load_dom').removeClass('active');
});
[HTML] pobierz, plaintext 

Trochę łopatologiczne rozwiązanie Tylko musisz pamiętać o odpowiednim dostosowaniu funkcji aby click nie był szybszy od loada

[cent4]

Wielkie dzięki Arcioch - jest ok.