Es scheint einige Probleme mit Tabindex in mehreren Browsern zu geben, also möchte ich diese Probleme mit Javascript/jquery umgehen. Speziell FF3.5 (Mac) akzeptiert Tabindex nicht oder konzentriert sich auf Links überhaupt. Ich habe jquery 1.3.2 und js-hotkeys 0.7.9 auf meiner Website laufen.jquery tabindex/focus & hotkeys
Ich habe 4 Formulare auf 1 Seite, zwischen denen ich mit einem Link wechseln kann. Jetzt, wenn die Seite lädt ich, was 1 der Links, um den Fokus mit seiner ID zu haben. Dann möchte ich in der Lage sein, zwischen jedem Link Tab anzuzeigen, um jedes Formular anzuzeigen.
Abgespeckte Code sieht wie folgt aus:
HTML
<nav id="postNav">
<ul>
<li class="Nav1"><a href="#">1</a></li>
<li class="Nav2"><a href="#">2</a></li>
<li class="Nav3"><a href="#">3</a></li>
<li class="Nav4"><a href="#">4</a></li>
</ul>
</nav>
<form class="postForm" id="post1">
</form>
<form class="postForm" id="post2">
</form>
<form class="postForm" id="post3">
</form>
<form class="postForm" id="post4">
</form>
JQuery
$(document).ready(function(){
$("#postNav ul li a").click(function(event){
var postOptionSelected = $(this).parent("li").attr("class").substr(3);
$("form#post"+postOptionSelected).show();
$("form.postForm:not(#post"+postOptionSelected+")").hide();
event.preventDefault();
});
});
danke - korrigiert – EddyR