/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
piletast i stedet for tab
Fra : christian


Dato : 15-05-02 17:45

Er der nogen der har en ide hvordan man i en <FORM> kan bruge
piletasterne til at flytte frem og tilbage i stedet for "tab"

M.V.H christian

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jakob Andersen (15-05-2002)
Kommentar
Fra : Jakob Andersen


Dato : 15-05-02 22:41

"christian" <chr_jorg@tdcadsl.dk> wrote in message
news:abu3au$lka$1@sunsite.dk...
> Er der nogen der har en ide hvordan man i en <FORM> kan bruge
> piletasterne til at flytte frem og tilbage i stedet for "tab"

Jeg har lavet et lille script til dig som jeg har testet i IE6 og NN6.2, du
skal blot huske at give dine formelementer et unikt navn i name attributten
samt tilføjge onkeydown="InputTryk(this, event);" på alle formelementer.

<html>
<head>
<script type="text/javascript">
var sidstefelt = "";
function InputTryk(felt, evt) {
var tastKode = document.layers ? evt.which : document.all ? event.keyCode
: document.getElementById ? evt.keyCode : 0;
//Højrepil
if (tastKode == 39){
for(i=0;i<felt.form.elements.length;i++){
if(sidstefelt == felt.name){
felt.form.elements[i].focus();
break;
sidstefelt = "";
}
sidstefelt = felt.form.elements[i].name
}
sidstefelt = "";
}else if(tastKode == 37){
for(i=felt.form.elements.length - 1;i>=0;i--){
if(sidstefelt == felt.name){
felt.form.elements[i].focus();
break;
}
sidstefelt = felt.form.elements[i].name
}
sidstefelt = "";
}
}
</script>
</head>
<body>
<form name="minForm">
<input type="text" name="felt1" onkeydown="InputTryk(this, event);" />
<input type="text" name="felt2" onkeydown="InputTryk(this, event);" />
<textarea name="felt3" onkeydown="InputTryk(this, event);"></textarea>
<input type="submit" name="felt4" onkeydown="InputTryk(this, event);" />
</form>
</body>
</html>



Jakob Andersen (15-05-2002)
Kommentar
Fra : Jakob Andersen


Dato : 15-05-02 22:41

"christian" <chr_jorg@tdcadsl.dk> wrote in message
news:abu3au$lka$1@sunsite.dk...
> Er der nogen der har en ide hvordan man i en <FORM> kan bruge
> piletasterne til at flytte frem og tilbage i stedet for "tab"

Jeg har lavet et lille script til dig som jeg har testet i IE6 og NN6.2, du
skal blot huske at give dine formelementer et unikt navn i name attributten
samt tilføjge onkeydown="InputTryk(this, event);" på alle formelementer.

<html>
<head>
<script type="text/javascript">
var sidstefelt = "";
function InputTryk(felt, evt) {
var tastKode = document.layers ? evt.which : document.all ? event.keyCode
: document.getElementById ? evt.keyCode : 0;
//Højrepil
if (tastKode == 39){
for(i=0;i<felt.form.elements.length;i++){
if(sidstefelt == felt.name){
felt.form.elements[i].focus();
break;
sidstefelt = "";
}
sidstefelt = felt.form.elements[i].name
}
sidstefelt = "";
}else if(tastKode == 37){
for(i=felt.form.elements.length - 1;i>=0;i--){
if(sidstefelt == felt.name){
felt.form.elements[i].focus();
break;
}
sidstefelt = felt.form.elements[i].name
}
sidstefelt = "";
}
}
</script>
</head>
<body>
<form name="minForm">
<input type="text" name="felt1" onkeydown="InputTryk(this, event);" />
<input type="text" name="felt2" onkeydown="InputTryk(this, event);" />
<textarea name="felt3" onkeydown="InputTryk(this, event);"></textarea>
<input type="submit" name="felt4" onkeydown="InputTryk(this, event);" />
</form>
</body>
</html>



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste