jquery tweets
HTML
<script src="http://github.com/kerberoS/jQuery-Tweets/raw/master/js/jquery.tweets.0.1.js"></script>
<div id="someform">
<p>
<label for="field1">Field 1</label>
<input type="text" id="field1" name="field1" />
</p>
<p>
<label for="field1">Field 1</label>
<input type="text" id="field1" name="field1" />
</p>
<p>
<label for="field1">Field 1</label>
<input type="text" id="field1" name="field1" />
</p>
</div>
CSS
#tweets {
background:#FAFAFA;
border:1px solid #e4e4e4;
margin:0;
padding:0;
}
#tweets li {
border-bottom:1px dotted #CCC;
list-style:none;
padding:5px;
}
#tweets li:last-child {
border:0;
}
JavaScript
$('input').bind("keyup", function(event){
var index = $("#someform input").index(event.target);
switch(event.keyCode){
case 38:
index--;
$("#someform input")[index].focus();
break;
case 40:
index++;
$("#someform input")[index].focus();
break;
}
event.preventDefault();
});