Eksempel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<script type="text/JavaScript">
liste = new Array ();
// Tilføj dine egne data her:
// Formatet er: liste[liste.length] = "Nummer#filnavn";
liste[liste.length] = "100#sand.htm";
liste[liste.length] = "200#skov.htm";
function loadnummer(nummer)
{
for(i=0; i < liste.length; i++)
{
data = liste[i].split("#");
if (nummer == data[0])
{
alert(data[1]);
break;
}
}
return false;
}
</script>
</head>
<body>
<form name="frmSelector" action="" method="post" onsubmit="return loadnummer(this.nummer.value)">
<input type="text" name="nummer">
<input type="submit" name="submit" value="Load">
</form>
<!-- Simulering af en lang liste: -->
<div style="overflow:auto;height:90%;width:100%">
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
<a href="#" onclick="return false">nummer - beskrivelse</a><br>
</div>
</body>
</html>
