Bläddra i meny mha. piltangenterna.

MeleaMedlem sedan juli 20033 147 inlägg

18 aug. 2008 09:47#1

Hej!

Har en meny som ser ut ungefär såhär

NEWS ?page=news
PRODUCTS ?=page=products
--product1 ?page=products&subpage=product1&prod_id=1&number=1
--product2 ?page=products&subpage=product2&prod_id=2&number=1
--product3 ?page=products&subpage=product3&prod_id=3&number=1
--product4 ?page=products&subpage=product4&prod_id=4&number=1
DRAWINGS ?page=drawings
--drawing1 ?page=drawings&subpage=drawing1&prod_id=5&number=1
--drawing2 ?page=drawings&subpage=drawing2&prod_id=6&number=1
--drawing3 ?page=drawings&subpage=drawing3&prod_id=7&number=1
OUTDOORS ?page=outdoors
--outdoors1 ?page=outdoors&subpage=outdoor1&prod_id=8&number=1
--outdoors2 ?page=outdoors&subpage=outdoor2&prod_id=9&number=1
ABOUT ?page=about
CONTACT ?page=contact

1 2 3 4 5 6 - Beroende på hur många bilder det finns under varje produkt/drawings/outdoor, denna meny ändrar värdet number i adressen.

Det jag skulle vilja är alltså att kunna bläddra med piltangenterna i menyn.
Ner-pilen ska alltså gå NEWS > PRODUCTS > product1 osv. Medans höger/vänsterpilarna ska bläddra mellan 1 2 3 4 osv, alltså ändra värdet på number.

Detta går lite över mina egna kunskaper i Javascript så om någon har tips på var jag kan hitta en funktion som liknar det jag söker efter, eller ge kod-exempel som jag kan bygga vidare på vore jag enormt tacksam!

Mvh

SPiNMedlem sedan mars 20007 896 inlägg

18 aug. 2008 10:56#2

function enableKeyboardEvents() {
     document.onkeydown = catchKeyboardEvent;
}
function catchKeyboardEvent(e) {
     if(e == null) { /* För IE */
          keycode = event.keyCode;
     } else {
          keycode = e.keyCode;
     }
}
...
<body onload="javascript: enableKeyboardEvents();">

Sen får du luska ut vilka koder de olika tangenterna har på egen hand... ;)