[cordant]

#wordpress #webdev #js mam pytanie. Chcialbym zeby kazdy element menu mial inny kolor, zrobilem bardzo prosta, a wrecz prostaka funkcje w js ( http://pastebin.com/ZPyfWzvk - dla liczb np 1,11,21,31,41,51,61... kolor jest jeden - element losowosci funkcji, zeby kolejne stworzone elementy menu nie mialy tych samych kolorow ). Wszystko fajnie, dziala, ale nie wzialem pod uwage ze liczba xx w #menu-item-xx rosnie do (w sumie) nieskonczonosci. Moja prostacka funkcja dziala dla liczb 1-100 :D Z koleji zauwazylem ze jest to dosc glupi sposob, bo jak dla przedzialu 1-100 jest jeszcze ok, bo tylko 100 elementow by bylo dodanych do css, ale dla przedzialy 1-1000 to juz by byla przesada. Jak to ugryzc zeby to bylo sprytnie i krotko rozwiazny, bez zbednych wpisow w css? Nie jestem specem od JS, moze i mam kilka pomyslow jak by to zrobic ale nie wiem jak to zapisac (pobranie id 'menu-item-y' gdzie y - konkretny numerek menu, sprawdzic do jakiego przedzialu nalezy 'y', dodac odpowiedni wpis do css). Pomozecie cos?

[P0lip]

http://api.jquery.com/nth-child-selector/

Może to?

[P0lip]

Ale i tak szybciej i wygodniej byłoby to zrobić używając stylów CSS.

Np. dodajesz do kodu HTML klasy kolor1, kolor2 itd. Dajesz regułę w stylu, np. .kolor1 { background-color : #ff9840 }, itd.

[marrbacca]

@cordant: @P0lip:

CSS też ma selektor nth-child i wystarczy 10 regułek ;)

http://jsfiddle.net/h92fF/

[P0lip]

@marrbacca: Wiem, że ma. Tylko on chyba nie ma takiego menu. Tylko przycisk koło przycisku... Wstaw kod HTML menu @cordant .

[marrbacca]

@P0lip: wordpress generuje menu właśnie na elementach li, więc mój sposób powinien działać (po ewentualnych dopasowaniach)

[cordant]

@P0lip: @marrbacca: nie mam czystego html, mam to http://codex.wordpress.org/Function_Reference/wp_nav_menu#Usage , ale @marrbacca dobrze mowi, menu w wordpressie tworzy sie w li, zaraz to sprawdze jak to sie ma :D dzieki za ten protip, nigdy bym nie wpadl zeby to przez css rozwiazac

[P0lip]

@marrbacca: Jeśli tak, to masz rację :). Nie używam nigdy CMS'ów, więc nie wiem. Myślałem, że ma przycisk obok przycisku bez listy (ul, li).

[cordant]

@marrbacca: mistrzostwo, dziala, dzieki wielkie :D:D:D:D

[marrbacca]

@cordant: cieszę się :). Pamiętaj tylko, że to relatywnie nowy selektor i musisz pomyśleć nad jakimś rozwiązaniem dla starszych przeglądarek. https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child#Browser_compatibility

[cordant]

@marrbacca: ie dostanie osobna wersje motywu :D

[marrbacca]

@cordant: albo wykorzystaj http://selectivizr.com/ :P

[Centurio93]

Taktyk.

[cordant]

@marrbacca: a masz jakis pomysl jak polaczyc to z tlem na stronach? tzn zalozmy ze jakis menu-item jest czarny i gdy go klikne wyswietla mi sie strona w kolorze czarnym?

[marrbacca]

@cordant: to już tylko javascript

[cordant]

@marrbacca: tak tez myslalem. I to bedzie dosyc trudne ;D

[marrbacca]

@cordant: nie powinno być. Wordpress nadaje jakąś klasę active elementowi, w zależności od strony na której jesteś. Czyli za pomocą jQuery pobierasz sobie element aktywny, sprawdzasz jego kolor i nadajesz ten sam elementowi body

[cordant]

@marrbacca: dzieki za wskazowki, cos czuje ze dzis cieka noc bedzie, bo js/jquery to dla mnie czarna magia :) ale jak cos skrobne sam to moze cos tam zostanie w glowie

[cordant]

@marrbacca: udalo sie, cos tam dziala tzn - kolor sie zmienia. tylko ze troche kolejnosc #!$%@?, bo po kliknieciu na kolejny element pobiera kolor z poprzedniego klikniecia xd

[cordant]

@marrbacca: no nie bylo tak zle :D

$( "html" ).hover(function(){

var kolor = ($(".current-menu-item").css('background-color'));

$('#colorbox').css('background-color', kolor)

});

dzieki za pomoc :)

[marrbacca]

@cordant: hover na htmlu to nie jest dobre wyjście

zamiast tego zrób $(document).ready(function() {