» »

Jquery scrollable menu keyboard navigacija

Jquery scrollable menu keyboard navigacija

greentech ::

Zdravo, imam en problem, ki ga sam ne znam rešit. Delam en scrollable jquery ul meni (up, down).
Del tega menija je skrit in se prikazuje in skriva z scrollanjem miške.
Torej po meniju se lahko pomikaš z scrollanjem miške al z kliki na puššice gor in dol nad menijem.

Rad bi dodal še keyboard navigacijo da bi lahko do posameznih elemnto v meniju dostopal recimo z puščcicami gor in do, to recimo
ni tak problem. Kat mi je bolj pomembno je dostopanje preko črk, Recimo, če pritisnem "G" da me v seznamu vrže do prvega elementa
,ki se začne na črko "G".

Dosti sem brskal po netu, vendar nisem našel rešitve, zato upam, da mi bo lahko kdo od vas pomagal.

Hvala,

Grega

greentech ::

Ali mi res nobenen na zna vsaj malo pomagat, saj en rabim konkretne rešitve, samo kakšen nasvet kje naj nadaljujem ali kako naj se lotim zadeve.

Hvala,

Grega

keworkian ::

Evo malo sci-fi

$(idelementa).bind('keypress', function(e) {
        if(e.keyCode==(42||44)){
$(this).siblings().each(function(){ if($(this).val() == String.fromCharCode(e.keyCode)){ $(this).focus();}}
        }
});

Binji ::

Jaz bi v takem stilu naredu
$("#menu").keyup(function(e){
  $(this).find(".menu_line").each(function(){
    if($(this).text().substring(0, 1) == String.fromCharCode(e.which)){
       $(this).focus();
       break;
    }
  });
});
Kdor ne navija ni Slovenc, hej, hej, hej!

greentech ::

hvala obema za odgovor in pomoč, zadeva bi delovala prefektno, samo problem mam v tem, ker je seznam scrolable, torej je del seznama skrit, ponavadi ga scrolamlo gor in dol z miško
torej ni dovolj, da dobi smao fokus, amoak bi se moral poscrolat do ustrznega elemnta v seznamu.

Kaka ideja kako bi to rešil?

Hvala in lp

Grega

Binji ::

Tole bo verjetno pomagalo: http://api.jquery.com/scrollTop/
Kdor ne navija ni Slovenc, hej, hej, hej!


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Java script -> Navigacija s smernimi tipkami

Oddelek: Programiranje
12877 (629) tadejp81
»

javascript - gnezdenje - konkretno na mojem primeru

Oddelek: Programiranje
162597 (2045) geca
»

[javaScript] Preverjanje formata zapisa EMŠO

Oddelek: Programiranje
132919 (2539) win64
»

[JavaScript] Sortiranje šumnikov

Oddelek: Programiranje
152133 (1867) MarkookraM
»

[PHP, javascript] program za seštevanje v dveh posameznih oknih

Oddelek: Programiranje
132368 (2238) |CyGNUS-x

Več podobnih tem