Hallo zusammen,
ich habe ein Konstrukt aus mehreren DIVs in denen wiederum x-DIVs sind.
Nun will ich per Keyboard zwischen den einzelnen "unter"-DIVs durchsteppen (hoch/runter).
Das ist so weit kein Problem, nur schaffe ich es einfach nicht von einem "über"-Div in das nächste zu kommen.
mein HTML Code, hier variert aber die Anzahl der "UnterDIVs":
<div id="resultBox">
<div id="result0">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div id="result1">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div id="result2">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div id="result3">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
</div>
Der JS-Code, hier rufe ich die "change"-Funktion mit der Variable ("up"/"down") auf und dort soll immer die Klasse "selected" auf das nächste Item übergeben werden.:
function focus(e){
length = $("#resultBox div.item:visible").length;
if(e == "up"){
e = $("#resultBox div.selected"); //das aktuell selektierte auswählen
$("#resultBox div.selected").removeClass("selected");
e.prev("#resultBox div.selected").addClass("selected");
}
else if (e == "down"){
e = $("#resultBox div.selected"); //das aktuell selektierte auswählen
$("#resultBox div.selected").removeClass("selected");
e.next("#resultBox div.selected").addClass("selected");
}
das funktioniert so weit, nur leider nicht von einer "result"-Gruppe zur Nächsten...
wer kann mir hier evtl helfen?
Wichtig wäre auch noch das erste und letzte Item zu selektieren, bzw vom letzten auf das erste zu blättern und andersrum.
DANKE im Voraus.
P.S. ich versuche jetzt seit mind 10h meinen Fehler, bzw die Lösung zu finden, stehe aber total auf dem "Schlauch".