|
| 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>
| |
|
|