onKeyPress byt ut en specifierad bild

2 svar · 225 visningar · startad av tengan 27 mars 2004

tenganMedlem sedan mars 200451 inlägg

Frågan27 mars 2004 01:09#1

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.

JojoxxMedlem sedan juni 20004 308 inlägg

27 mars 2004 09:37#2

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.

tenganMedlem sedan mars 200451 inlägg

27 mars 2004 23:23#3

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