ragazzi vi chiedo un aiuto per la realizzazione di un menu (elenco di pulsanti) nel quale sia possibile navigare con le frecce e non con il tasto TAB
Sto realizzando un sito per bambini non vedenti e vorrei fargli navigare le voci del menu con le frecce e non con TAB e SHIFT TAB
riesco a catturarmi l'evento di key press e l'id del tasto premuto ma come faccio a cambiare dinamicamente il fuoco da un bottone all'altro?
vi posto il codice
codice:
<html>
<head>
<script language="javascript" type="text/javascript">
<!--
var position = 0
document.onkeydown = function keyPress(evt)
{
var keyCode =
document.layers ? evt.which :
document.all ? event.keyCode :
document.getElementById ? evt.keyCode : 0;
document.f.ta.value = keyCode;
if (keyCode == 38)
{
// alert( 'arrow up')
position = position - 1
}
else if (keyCode == 40)
{
// alert( 'arrow down')
position = position + 1
}
document.f.tb.value = position;
// mi conto le posizioni ma poi????
document.f.position.Focus();
// come devo fare la riga qui sopra??????????
// come posso cambiare il focus da b1 - b2 - b3 ???
}
function sf(){document.f.b3.focus();}
//-->
</script>
</head>
<body onLoad="sf()">
<form name="f">
<INPUT TYPE="text" VALUE="" NAME="ta">
<INPUT TYPE="text" VALUE="" NAME="tb">
<INPUT TYPE="button" NAME="b1" VALUE="Press This">
<INPUT TYPE="button" NAME="b2" VALUE="Press This">
<INPUT TYPE="button" NAME="b3" VALUE="Press This">
<INPUT TYPE="button" NAME="b4" VALUE="Press This">
</form>
</body>
</html>
Grazie a tutti