---
title: "Bläddra i meny mha. piltangenterna."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/173407-bläddra-i-meny-mha-piltangenterna"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Melea"
published: "2008-08-18T09:47:04.000Z"
updated: "2008-08-18T10:56:41.000Z"
replies: 1
views: 423
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/173407-bläddra-i-meny-mha-piltangenterna"
---

# Bläddra i meny mha. piltangenterna.

## #1 — Melea, 2008-08-18T09:47Z

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

Permalänk: https://www.webforum.nu/p/173407

## #2 — SPiN, 2008-08-18T10:56Z

```
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... ;)

Permalänk: https://www.webforum.nu/p/2133900

---

Tråden på webben: https://www.webforum.nu/amne/javascript/173407-bläddra-i-meny-mha-piltangenterna
