[jourska]

Mirki z #programowanie #webdev

Mam htmla z kilkoma guzikami, chciałbym, żeby każdy z guzików podświetlał się w trakcie wciskania odpowiedniego klawisza.

Zrobiłem już takiego potworka przy użyciu jquery

$(document).keypress(function(e){
if(e.which==81){
$("#q").addClass("color")
}
});

Animacja działa tyle, że nie w ten sposób jaki bym chciał, guzik się podświetla, ale na stałe, a chciałbym żeby ta animacja działała tylko kiedy guzik jest wciśnięty.
Jakieś rady, sugestie? Jestem sporym noobem w tych sprawach ( ͡° ͜ʖ ͡°)

[morteusz]

@jourska: keydown

[cube]

@jourska keyup keydown, addclass removeclass

[jourska]

@morteusz:
zamiana keypress na keydown w zasadzie nie działa, animacja włącza się tylko w innym momencie.

@cube
super, dzięki! nie wygląda to zbyt pięknie, ale działa ( ͡° ͜ʖ ͡°)

[januzi]

@jourska: Rozpisałeś wszystkie kody na osobne warunki? Czy może jednak podszedłeś do tego z głową?

[jourska]

@januzi nie podszedłem to tego z głową, uczę się dopiero wszystkiego od kilku dni, jeszcze na nic lepszego nie wpadłem. Wiem ze taki kod nie jest elegancki, czasu trzeba :)
Jestem mocno otwarty na krytykę sugestię :)

[januzi]

$("#q").addClass("color")

@jourska: $(".guzik"+e.which).addClass("color")
I każdemu guzikowi przypisać klasę .guzikKOD (gdzie KOD to odpowiednie oznaczenie numeryczne). Ew. po ID, powinno być szybsze do dopasowania.

[januzi]

@jourska: Udało się? Jest szybciej?

[jourska]

@januzi hej, dzięki za pomoc, nie miałem kiedy tego zrobić, ogarnę do wieczora i się odezwę ;)