Skocz do zawartości
  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • Pełny dostęp do działów i ukrytych treści
    • Możliwość pisania i odpowiadania w tematach
    • System prywatnych wiadomości
    • Zbieranie reputacji i rozwijanie swojego profilu
    • Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Zmiana klasy diva poprzez onclick


Rekomendowane odpowiedzi

Opublikowano

Witam, mam pytanie jak zmienić klasę diva?

Wiem jak wyszukać diva za pomocą id a następnie zmienić coś w style="",

Lecz co jeśli chce zmienić class - 1 na class - 2?

logo.png

Opublikowano

@Scolari - jezu bardziej mu motaj. :D

jeśli chodzi ci o zmianę klasy elementu ,na który kliknięto to tak :

onclick="this.className='Druga_klasa';"

 

Scol no można niby JQuerym ,ale są rzeczy gdzie "rdzennym" JS będziesz miał łatwiej i szybciej wdł. mnie.

Opublikowano

No okey ale co jeśli mam tak:

<div id="pets" class="cmd_all cmd_split cmd_asplit ">
<a onclick="document.getElementById('char_info').style.display='block';document.getElementById('char_pet').style.display='none';" href="#">
<b>Umiejętności</b></a>
<a onclick="document.getElementById('char_pet').style.display='block';document.getElementById('char_info').style.display='none';" href="#">
<u>Zwierzak</u></a></div>

Bo teraz tworzy jedno w drugim.

logo.png

Opublikowano

Co ten post wnosi do tematu?

Na razie mi to nie jest do szczęścia potrzebne a powyższy przypadek jest jednym z nielicznych :)

logo.png

Opublikowano

@bnmbb:

onclick="this.className='Druga_klasa';"

Ta opcja mi pasuję i działa. Lecz co zrobić jeśli jednocześnie chcę schować drugą klasę?

Np jest klasa 1 na active, po kliknięciu w klasę 2 ma się zrobić active i usunąć active z 1.

Przypuszczam że najpierw trzeba odnaleźć diva przez id:

document.getElementById('dany div')

ale potem nie wiem jak wywołać funkcję usuwającą klasę.

logo.png

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

×
×
  • Dodaj nową pozycję...