---
title: "onKeyPress byt ut en specifierad bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/100387-onkeypress-byt-ut-en-specifierad-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "tengan"
published: "2004-03-27T01:09:31.000Z"
updated: "2004-03-27T23:23:34.000Z"
replies: 2
views: 231
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/100387-onkeypress-byt-ut-en-specifierad-bild"
---

# onKeyPress byt ut en specifierad bild

## #1 — tengan, 2004-03-27T01:09Z

Tjena!

Håller på me ett projekt där jag behöver kunna trycka på ex. 1 för att "ruta" 1 ska byta bild. Till exempel: först är rutan blå sen när jag trycker på 1 så blir den rutan röd (vill använda bilder, ej RGB eller hex koder). 
    Totalt ska de finnas 5 st "skärmar" och jag ska kunna klicka på 1-5 på tangentbordet för att ändra bild på den skärmen.

    Skulle gissa på att man skulle kunna göra typ som:
onKeyPress="background.monitor1 (asså vilken skärm) och sen bilden. Fast jag vet inte vart man skall skriva in vilken tangent det skall vara.

Spelar ingen roll om det inte funkar i alla webbläsare, skall köra detta live från en laptop, så bara det funkar i IE eller Opera 7

Skulle bli extremt glad om jag kunde få lite hjälp på denna fråga.

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

## #2 — Jojoxx, 2004-03-27T09:37Z

Ungefär så här?

```
<script type="text/javascript"> 
var monitor=["blue","blue","blue","blue","blue"];
var keyboard=new Object(); 
document.onkeydown = function(e){ 
   if(!document.all){ event=e; } 
   var key=(String.fromCharCode(event.keyCode))?String.fromCharCode(event.keyCode):""; 
   if(parseInt(key)>=1 && parseInt(key)<=5){
		monitor[parseInt(key)-1]=(monitor[parseInt(key)-1]=="blue")?"red":"blue";
        document.images["monitor_"+key].src=monitor[parseInt(key)-1]+".gif";
   }
} 
</script> 

<img src="blue.gif" name="monitor_1">
<img src="blue.gif" name="monitor_2">
<img src="blue.gif" name="monitor_3">
<img src="blue.gif" name="monitor_4">
<img src="blue.gif" name="monitor_5">
```

Är osäker på hur det är med Opera. Har den inte installerad så jag kan prova.

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

## #3 — tengan, 2004-03-27T23:23Z

tack! det funkade bra. men jag glömde vissa saker... kommer skapa ett nytt inlägg så du kan ju kolla det

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/100387-onkeypress-byt-ut-en-specifierad-bild