Finns det något sätt att med pil up/ned high-lighta länkar(ungefär som i en selectbox)?
Ex.
Länk1
Länk2
Länk3
"Scrolla" i länkrad?
2 svar · 354 visningar · startad av Jesper T
<html>
<style>
a {text-decoration: none;}
</style>
<script type="text/javascript">
links = [
["http://www.google.se", "Hitta"],
["http://www.webforum.nu", "Forum"],
["http://www.jippii.com", "Spela"],
["http://www.futuredome.tk", "Lyssna"]
];
dw="";
marked=0;
for (i=0; i<links.length; i++){
dw+= "<a id=\"link" + i + "\" href=\"" + links[i][0] + "\">" + links[i][1] + "</a><br />"
}
document.write(dw);
window.onload=function(){
reorderLinks();
}
function reorderLinks(){
for (i=0; i<links.length; i++){
document.getElementById("link" + i).style.textDecoration = (i == marked)?"underline":"none";
}
}
document.onkeydown=function(){
switch(event.keyCode){
case 38: marked = Math.max(marked - 1, 0); reorderLinks(); break;
case 40: marked = Math.min(marked + 1, links.length-1); reorderLinks(); break;
}
}
</script>
<body >
<!--
38
37 40 39
-->
</body>
</html>
Snabbt ihopslängt, men det är en början. Testat i IE och Opera, vet inte hur det blir i Mozilla, troligen måste göras om då.
Bussigt!
Det funka ju. :)