Hej bodyguard,
Det er lidt uklart hvad det helt præcist er du ønsker hjælp til. Er det at hente elementer fra databasen? At bruge pil-tasterne med en liste og i så fald hvilken slags liste? Og hvad skal der ske ved Enter og Delete?
Jeg har bikset et lille eksempel sammen som benytter pil-tasterne på en SELECT-liste. Enter-tasten vælger et element og Del-tasten sletter et.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html xmlns="
http://schemas.microsoft.com/intellisense/html-401"> <head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/JavaScript">
function KeyCheck(e)
{
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID)
{
case 13:
var box = document.getElementById("box1");
var selectedText = box.options[box.selectedIndex].text;
document.getElementById("inSelected").value = selectedText;
break;
case 46:
var box = document.getElementById("box1");
box.options[box.selectedIndex] = null;
break;
case 38:
//Up
break;
case 40:
//Down
break;
}
}
document.onkeyup = KeyCheck;
window.onload = function() { document.getElementById("box1").focus(); };
window.onfocus = function() { document.getElementById("box1").focus(); };
</script>
</head>
<body>
<SELECT size="6" multiple="multiple" id="box1" style="width: 200px;">
<OPTION class="0" selected="selected">Valg A
<OPTION class="1">Valg B
<OPTION class="0">Valg C
<OPTION class="1">Valg D
<OPTION class="0">Valg E
<OPTION class="1">Valg F
<OPTION class="0">Valg G
<OPTION class="1">Valg H
<OPTION class="0">Valg I
<OPTION class="1">Valg J
<OPTION class="0">Valg K
<OPTION class="1">Valg L
</SELECT>Tryk enter for at vælge elementet og del for at slette det<br />
<input type="text" id="inSelected" style="width: 200px;" />
</body>
</html>
Du må lige uddybe hvad det helt præcist er du mangler! :)
Mvh.
- Snap
Ny bruger
Nybegynder
Opret
Preview
