Forum PHP.pl

Witam, mam diva, i po jego kliknięciu zmieniam mu klasę na active, problem w tym żę gdy klikne w drugiego diva chcę usunąć tylko klasę z pierwszego.
Po kliknięciu w diva w onclick mam takie coś:

[PHP] pobierz, plaintext 
this.className='selector_active';
[PHP] pobierz, plaintext 

Ale nie wiem jak go potem ukryć.

Np hide()

Ale ja mam coś takiego:
<div id="cos" class="active"></div>
I chce tylko usunąć class.

http://api.jquery.com/removeClass/

Nie działa mi:

[PHP] pobierz, plaintext 
<span id="selector_weapons" class="selector_active" onclick="document.getElementById('weapons').style.display='block';document.getElementById('header_weapons').style.display='block';document.getElementById('potions').style.display='none';document.getElementById('artefacts').style.display='none';document.getElementById('header_potions').style.display='none';document.getElementById('header_artefacts').style.display='none';this.className='selector_active';">
</span>
<span id="selector_potions" onclick="document.getElementById('potions').style.display='block';document.getElementById('header_potions').style.display='block'; document.getElementById('weapons').style.display='none';document.getElementById('artefacts').style.display='none';document.getElementById('header_weapons').style.display='none';document.getElementById('header_artefacts').style.display='none';this.className='selector_active';$('selector_weapons').removeClass('selector_active')">
</span>
[PHP] pobierz, plaintext 

I jeśli klikam w drugi link to nie usuwa klasy z pierwszego.

Możesz np coś takiego zrobić:

[HTML] pobierz, plaintext 
$("#selector_potions").click(function(){
  $("#selector_weapons").removeClass("selector_active");
});
[HTML] pobierz, plaintext 

Skoro masz i tak goły JS nie ma sensu używać jquery. Zobacz https://developer.mozilla.org/en-US/docs/DO...ement.classList

@Muniekw
Nie wiem czemu ale mi nie działa, a co do drugiej opcji, to ja potrzebuję najpierw znaleść diva po id a później usunąć z niego daną klasę.
Kod mogę przerobić po jquery.

W jaki sposób podczepiasz skrypt? Sprawdź czy masz dobrze podpiętą bibliotekę jQuery jeśli korzystarz z tego rozwiązania.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
Wszystkie skrypty jquery i js mi normalnie działają.
I tak jak mówiłeś:

[PHP] pobierz, plaintext 
<script>
    $("#selector_potions").click(function(){
    $("#selector_weapons").removeClass("selector_active");
    });
</script>
[PHP] pobierz, plaintext 

Dzięki ci wielkie, pomogło (IMG:style_emoticons/default/smile.gif)
Czyli coś ala rozpoczęcia dokumentu jq o ile się nie mylę (IMG:style_emoticons/default/biggrin.gif)
Aha, a co jeśli chcę dwa divy usunąć, bo teraz się troszke mota skrypt.

[PHP] pobierz, plaintext 
    $("#selector_potions").click(function(){
    $("#selector_weapons").removeClass("selector_active");
    $("#selector_artefacts").removeClass("selector_active");	
    });
[PHP] pobierz, plaintext 

i czasami zostają 2 divy na selector_Active

Ten post edytował Maciek316 14.12.2012, 14:36:24

Co to jest $(document).ready(... znajdziesz np tu: opis
Jeśli chcesz usunąć klasę z dwóch divów to w sumie tak jak robisz powinno być działać.

Ale nie działa,
Jeśli 1 div jest na active i kliknę w 2 to pięknie usuwa z 1 diva klasę.
Jeśli wróce z 2 do 1 to zostają już obydwie.
Następnie jeśli kliknę w 3 to znikają 2 pierwsze.
Jest jeszcze kilka kombinacji gdzie tak zostają ;/

Zasada działania tego skryptu jest taka:
1. Wybierasz selektor który Cię interesuje.
2. Na zdarzenie click wykonaj funkcję.
3. Usuń klasę active z wybranego selektora.

Jeśli chcesz usuwać klasę z innych selektorów (np divów) to musisz zrobić analogicznie tylko z innymi wartościami.

Ahh, wszystko było w porządku tylko przez moje zamotanie wpisałem dwa razy tą samą klase...
Dziękuje Ci jeszcze raz (IMG:style_emoticons/default/smile.gif)