Navigation mittels Cursortasten auf und ab in einer Liste

P

Purdey

Erfahrenes Mitglied
Hallo Ich habe eine Liste mit einem Suchfeld und möchte das wenn ich eine Suchanfrage starte die erste Zeile des Suchergebnisses

#1.dispay_box zu focusieren, danach würde ich dann gern das ich mittels der Keycodes 40 und 38 zwischen den Datensätzen wechseln kann und Sie mittels Enter auswählen kann, dann sollte der jeweilige Link ausgeführt werden.

Könnt Ihr mir helfen?

HTML: 
<div id="suche">
    <input type="text" name="Suche" class="inputbox_suche" id="searchbox">
</div>

<div id="display">
  <div class="display_box" id="1" align="left"><a href="LINK">#TEXT 1</a></div>
  <div class="display_box" id="2" align="left"><a href="LINK">#TEXT 2</a></div>
  <div class="display_box" id="3" align="left"><a href="LINK">#TEXT 3</a></div>
</div>
 
Javascript: 
<script language="javascript" type="text/javascript">
// damit wird geprüft welcher Link aktiv ist
var active;
active = 0;

function taste(event) {
	event = event || window.event;
	if (event.keyCode == 38 && active > 1) {
		active--; // Pfeil nach oben
	} else if (event.keyCode == 40 && active < 3) {
		active++; // Pfeil nach unten
	}
	document.getElementById("link" + active).focus();
}
</script>

<body onkeydown="taste();">
<div id="suche">
    <input type="text" name="Suche" class="inputbox_suche" id="searchbox">
</div>

<div id="display">
  <div class="display_box" id="1" align="left"><a id="link1" href="LINK">#TEXT 1</a></div>
  <div class="display_box" id="2" align="left"><a id="link2" href="LINK">#TEXT 2</a></div>
  <div class="display_box" id="3" align="left"><a id="link3" href="LINK">#TEXT 3</a></div>
</div>
</body>

Hallo Ich habe eine Liste mit einem Suchfeld und möchte das wenn ich eine Suchanfrage starte die erste Zeile des Suchergebnisses
Zum Vergrößern anklicken....

Das habe ich zwar noch nicht so ganz verstanden aber wenn der Coursor im Textfeld ist und du die Pfeil nach oben oder die Pfeil nach unten Taste drückst, wird der entsprechende Link angesprochen. Zum Aufrufen brauchst du keinen Code, sondern kannst einfach die Eingabetaste drücken.

Hoffe das dir das hilft.
 
Vielen Dank, das Stück Code konnte ich gut nachvollziehen.

Mit dem Suchfeld starte ich bei Keypress eine Anfrage an ein Script, welches mir die Datensätze ermittelt.

Ich habe jedoch noch eine Frage:

Gesucht wird in einer textarea via @#USERNAME# nach dem Bsp. von http://www.9lessons.info/2010/08/tag-friends-with-jquery-ajax-and-php.html

Ich würde gern nicht nur mit @ sondern auch mit + die Suche starten können

Code: 
var start=/@/ig; // @ Match
var word=/@(\w+)/ig; //@abc Match

hierfür müsste

Code: 
var start=/\+/ig; // + Match
var word=/\+(\w+)/ig; //+abc Match

sein nur wie kann ich beides gleichzeitig prüfen, vielleicht kannst du mir hier helfen?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück