Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] [HTML] Zmiana atrybutu "class" poprzez JS
Forum PHP.pl > Forum > Przedszkole
Neymar11
Witam! Krótko to opiszę:

Mam stronę, na której potrzebuje dwa motywy: jasny i ciemny.
One się tyczą navbara i zamierzam w nim zrobić koło loga 2 przyciski.
Po kliknięciu czarnego klasa z "navbar navbar-default navbar-fixed-top" zmieni się na "navbar navbar-default navbar-fixed-top navbar-inverse".
I vice versa. Wszystko na bootstrapie v3.3.5

Proszę o pomoc.
Comandeer
elem.classList.togglehttps://developer.mozilla.org/en-US/docs/We...ement/classList

Chociaż BS przecież i tak wymaga jQuery, więc można spokojnie skorzystać z: http://api.jquery.com/toggleClass/ (przykłady powinny wyjaśnić wszystko wink.gif)
Neymar11
Dziękować @Commander !
tzm
Cytat(Comandeer @ 24.06.2015, 18:54:10 ) *


IE nie wspiera classList i chyba toggle też.
Comandeer
IE wspiera od 10 - http://caniuse.com/#feat=classlist ale polyfill bez jQuery to kilka linijek JS: http://youmightnotneedjquery.com/#toggle_class
tzm
Cytat(Comandeer @ 24.06.2015, 20:15:04 ) *
IE wspiera od 10 - http://caniuse.com/#feat=classlist ale polyfill bez jQuery to kilka linijek JS: http://youmightnotneedjquery.com/#toggle_class



Daleko szukac nie musze, w piatek mi sie IE 11 wywalilo wlasnie na classList i musialem to przerobic na setAttribute('class', 'open'), hmm..
Neymar11
A mam pytanie:
Jak zrobic to, kiedy chce mieć 4 skiny paska nawigacji?
Na kliknieciu na 1 skin, zeby usuwalo klase 3 pozostalych?
Comandeer
@tzm hm… dość dziwne, bo IE 11 nie zgłaszało mi takich dziwnych rzeczy. Nie przypadkiem było w trybie emulacji? Poza tym raczej bym wówczas operował na elem.className niźli atrybucie [class]

@Neymar11 to wówczas dodajesz jedną klasę ($.fn.addClass) i usuwasz 3 inne ($.fn.removeClass)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.