<script language="javascript">
var x=1; //begin in colum number 1
var y=1; //begin in row 1
var xmax = 6; //total columns of table
var ymax = 6; //total rows of table

function teclaPulsada()
{
// alert(event.keyCode+" "+x+" "+y)
switch (event.keyCode)
{
case 40: //tecla abajo key down
document.getElementById('tabla').rows[y].cells[x].bgColor='#000000';
if (y==5){y=0;} else {y++;}
document.getElementById('tabla').rows[y].cells[x].bgColor='#CC66FF';
window.status="arriba";
break
case 38: //tecla arriba key up
document.getElementById('tabla').rows[y].cells[x].bgColor='#000000';
if (y==0){y=5;} else {y--;}
document.getElementById('tabla').rows[y].cells[x].bgColor='#CC66FF';
window.status="abajo";
break
case 37: //tecla izquierda key left
document.getElementById('tabla').rows[y].cells[x].bgColor='#000000';
if (x==0){x=5;} else {x--;}
document.getElementById('tabla').rows[y].cells[x].bgColor='#CC66FF';
window.status="izquierda";
break
case 39://tecla derecha key rigth
document.getElementById('tabla').rows[y].cells[x].bgColor='#000000';
if (x==5){x=0;} else {x++;}
document.getElementById('tabla').rows[y].cells[x].bgColor='#CC66FF';
window.status="derecha";
break
default:
window.status="pulse una flecha para desplazarse en la tabla pres one of the arrow keys for move";
}
}

function cambiarFondo() {
document.getElementById('tabla').rows[y].cells[x].bgColor='#CC66FF';
}

</script>

onkeyup="teclaPulsada()"

<table id="tabla" border=2>
<tr>
<td width=100>Zelle 0 0</td><td width=100>Zelle 0 1</td><td width=100>Zelle 0 2</td>
<td width=100>Zelle 0 3</td><td width=100>Zelle 0 4</td><td width=100>Zelle 0 5</td>
</tr>
<tr>
<td width=100>Zelle 1 0</td><td width=100>Zelle 1 1</td><td width=100>Zelle 1 2</td>
<td width=100>Zelle 1 3</td><td width=100>Zelle 1 4</td><td width=100>Zelle 1 5</td>
</tr>
<tr>
<td width=100>Zelle 2 0</td><td width=100>Zelle 2 1</td><td width=100>Zelle 2 2</td>
<td width=100>Zelle 2 3</td><td width=100>Zelle 2 4</td><td width=100>Zelle 2 5</td>
</tr>
<tr>
<td width=100>Zelle 3 0</td><td width=100>Zelle 3 1</td><td width=100>Zelle 3 2</td>
<td width=100>Zelle 3 3</td><td width=100>Zelle 3 4</td><td width=100>Zelle 3 5</td>
</tr>
<tr>
<td width=100>Zelle 4 0</td><td width=100>Zelle 4 1</td><td width=100>Zelle 4 2</td>
<td width=100>Zelle 4 3</td><td width=100>Zelle 4 4</td><td width=100>Zelle 4 5</td>
</tr>
<tr>
<td width=100>Zelle 5 0</td><td width=100>Zelle 5 1</td><td width=100>Zelle 5 2</td>
<td width=100>Zelle 5 3</td><td width=100>Zelle 5 4</td><td width=100>Zelle 5 5</td>
</tr>
</table>

<form name="formDePrueba">
<input type="button" name="focoAcelda11" onclick="cambiarFondo()" value="Fokus in Zelle 1 1">
</form>

??

Kopieren Sie bitte den Code