1 svar · 418 visningar · startad av Melea
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
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... ;)