Navigare con tasti predefiniti

**pelosi** · 16-05-2008, 15:43

Salve ragazzi,
ho incontrato un problema che non riesco a risolvere:
avrei la necessità di spostarmi tra i link di una pagina web con i tasti "freccia destra" e "freccia sinistra", in parole povere il tasto "freccia destra" dovrebbe sostituire il tasto "tab" mentre il tasto "freccia sinistra" dovrebbe funzionare come il tasto tab ma spostandosi aritroso tra i link.
Che voi sappiate è fattibile con javascript o altro?
Ringrazio tutti anticipatamente

**pelosi** · 16-05-2008, 18:00

Sono riusito ad intercettare i tasti "freccia sx" e "freccia dx" ai quali ho dato la funzione 'alert' per testarne il funzionamento, adesso dovrei sostituire la funzione 'alert' con una tipo (per il tasto "freccia dx"): comportati come se fossi il tasto tab

<SCRIPT LANGUAGE="JavaScript">
var k = 0;
document.onkeydown = keyDown;
function keyDown(DnEvents) {
k = window.event.keyCode;
if (k == 37) { alert("'page SX'"); }
if (k == 39) { alert("'page DX'"); }
}
</script>

ma non ho idea di come fare...

**cavicchiandrea** · 16-05-2008, 18:54

Non credo si possa fare quello che chiedi, d'altronde perché devi modificami la mia tastiera?

**br1** · 16-05-2008, 21:30

Provato solo con IE... consideralo una traccia

codice:

<HTML>
 <HEAD>
<script>
var a;
var b=0;
function ini() {
	a = document.getElementsByTagName("a");
}
function vai(e) {
	if (!e) e = event;
	o = e.target;
	k = e.keyCode;
	if (k==37){
		b--; 
		if (b<0) b=a.length-1;
		a[b].focus()
	}
	if (k==39){
		b++; 
		if (b>a.length-1) b=0;
		a[b].focus()
	}
}
</script>
 </HEAD>

 <BODY onload="ini();" onkeydown="vai()">
  a
 
  b
 
  c
 
  d
 
 </BODY>
</HTML>

quoto:

Originariamente inviato da cavicchiandrea
d'altronde perché devi modificami la mia tastiera?

ciao

**pelosi** · 17-05-2008, 13:06

Ringrazio vivamente per il vostro interessamento
L'esigenza di modificare la tastiera mi si pone perchè la pagina web deve essere visualizzata su un pc (con IE)all'interno di una vetrina di un negozio e all'esterno vi è una tastiera con i soli tasti:freccia giù / su / destra / sinistra e tasto enter.
Ho testato il codice da voi gentilmente postato e la freccia sinistra non funziona mentre con la freccia destra mi seleziona per primo il secondo link e poi ripremendo il pulsante passa al terzo, quarto, ecc fino a ripassare dal primo.

**br1** · 17-05-2008, 15:08

L'ho detto che era una traccia... le personalizzazioni dovresti fartele da solo

codice:

<script>
var a;
var c=-1;
function ini() {
	a = document.getElementsByTagName("a");
}
function vai(e) {
	if (!e) e = event;
	o = e.target;
	k = e.keyCode;
	if (k==37){
		c--; 
		if (c<0) c=a.length-1;
		a[c].focus()
	}
	if (k==39){
		c++; 
		if (c>a.length-1) c=0;
		a[c].focus()
	}
}
</script>

Ho sostituito la variabile b con c perche' il forum interpreta [ b ] come comando di formattazione, e tu, ovviamente, non sapevi di dover quotare il mio messaggio per prelevare il sorgente.

ciao

**pelosi** · 19-05-2008, 14:33

Br1 sei un grande... senza il tuo aiuto avrei girovagato per il web ancora per settimane alla ricerca di una soluzione.
Funziona tutto alla grande!, grazie ancora e a buon rendere

Discussione: Navigare con tasti predefiniti

Strumenti discussione

Ricerca discussione

Visualizza

Navigare con tasti predefiniti

Permessi di invio