Instant-Formular Website

Internet
#41

ich würde es hier reinschreiben:


function change (das){
document.getElementById(‚in‘).value=das
document.getElementById(‚instant‘).innerHTML=""
document.getElementById(‚instant‘).style.display="none"
document.forms[„myform“].submit();
}

so denn das input-feld auch zu dem formular gehört.
das gestrichene brauchst Du ja dann wohl nicht mehr

#42

Dankeschön! :wink:

#43

Wie kriegt man es hin, dass man mit der Pfeil-Unten-Taste und der Pfeil-Oben-Taste in der Vorschlagsliste der Instant-Funktion navigieren kann?

#44

indem man die Vorschlagsliste nicht wie jetzt in einer Aufzählungsliste (ul) ausgibt,
sondern in einer Auswahlliste (select)

#45

Hi, vielleicht suchst du ja so was ähnliches bzw. kannst du es auf Deine Bedürfnisse ausbauen.

http://www.easy-coding.de/ajax-php-mysql-und-einem-f…

Klaus

#46

Das funktioniert leider nicht.
Er gibt mir dann das Formularfeld und daneben ist die select-Box.
Ich muss ja irgendwie das Formularfeld mit der select-Box verknüpfen.
Ist das irgendwie möglich?

#47

Das funktioniert leider nicht.

das funktioniert!!

Er gibt mir dann das Formularfeld und daneben ist die
select-Box.
Ich muss ja irgendwie das Formularfeld mit der select-Box
verknüpfen.

die „Verknüpfung“ erfolgt

  1. durch den onclick-event und
  2. durch die Position des div-containers für die Liste

Ist das irgendwie möglich?

die Wortliste (ein Array) wird doch von javascript durchsucht und mit den Treffern eine
mit - 's
generiert. Diese wird dann als innerHTML in den container geschrieben.
Alternativ kann genauso ein mit den 's generiert werden!!

#48

Ich habe jetzt

var inEl=’’;

elem.innerHTML+= inEl + worte[i] + „“;
elem.style.display=„block“;

und unten


Da findet aber irgendwie keine „Verknüpfung“ statt.

#49

var inEl=’’;

eher so:


var inEl=’’;

elem.innerHTML+= inEl + worte[i] + „“;

BINGO!!! :smile:)

würde ich eher so machen:

#50

Das funktioniert leider immer noch nicht richtig.
Ich kann die Pfeiltasten erst benutzen , wenn ich mit der Sprung-Taste in die select-Box springe.
Außerdem wird die select-Box auch angezeigt, wenn man nichts eingetippt hat, was blöd aussieht.

#51

BINGO!!!
Ich habe die Select-Box jetzt gelöscht, wenn nichts eingetippt wurde.

#52

BINGO!!!

Ich habe die Select-Box jetzt gelöscht, wenn nichts
eingetippt wurde.

???
die wird doch nur angezeigt, wenn javascript einen Treffer findet (display:block)
übrigens … sobald die select-liste den focus hat, dann funktieren auch die pfeil-tasten…

du kannst mit elem.focus() hinter display:block das auch per js machen

#53

BINGO!!!

Ich habe die Select-Box jetzt gelöscht, wenn nichts
eingetippt wurde.

???

Ja das habe ich aber vorher vergessen von ul.instant bei css auf select.instant umzustellen :wink:

du kannst mit elem.focus() hinter display:block das auch per
js machen

Danke
Ich glaube jetzt war es das auch erstmal mit der Instant-Funktion :wink:
Danke nochmal für alles.
Eine letzte (also mal gucken, ob es wirklich die letzte Frage ist) Frage:
Wieso funktioniert das ganze eigentlich nicht mit dem Firefox-Browser?
Bei Google Chrome funktioniert es und bei Internet Explorer habe ich noch nicht geguckt.

#54

Ja das habe ich aber vorher vergessen von ul.instant bei css
auf select.instant umzustellen :wink:

ach … ja … die styles!!

Wieso funktioniert das ganze eigentlich nicht mit dem
Firefox-Browser?

also …
im FF funktioniert beides
im IE das mit
… mit select nicht, obwohl so auf die Schnelle weiß ich nicht, ob sich das beheben lässt oder ob es generell so ist.

ich hatte einfach mal nur so
ausgewählt.
kann sein, dass sich andere elemente besser dafür eignen.
das war eigentlich nur schnell ein Beispiel, wie sowas funktionieren kann :smile:)

und wie es googel ganau macht, (bis auf die info, dass dort die wortliste per ajax geholt wird) weiß ich auch nicht … der unleserlich-komprimierte js-code braucht zuviel Zeit zum Lesen

#55

Ja, mit FF funktioniert es (auf anderem PC getestet), bei mir ist wohl irgendwie eine veraltete Version drauf.
Bei IE funktioniert es auch. :wink:
Danke!!!
Dann probiere ich das irgendwann mit AJAX nochmal.

#56

Da ist doch noch ein Problem.
Wenn ich jetzt Wi eingebe erscheint Wissen,Wissenschaft,Wikipedia usw.
Jetzt möchte ich aber nach Wirklichkeit suchen. Da das Programm aber die select-Box fokusiert, kann ich nicht den nächsten Buchstaben „r“ eingeben.

#57

Kann man die select-Box fokussieren lassen, wenn man die Pfeiltaste drückt?

#58

Ich habe es schon gefunden.
Hab jetzt
Ereignis = window.event;
if (Ereignis.keyCode == 40)
{
elem.focus();
}
geschrieben.

#59

Bei IE funktioniert es auch. :wink:
Danke!!!
Dann probiere ich das irgendwann mit AJAX nochmal.

Wenn Du einmal erkannt hast, wie sinnvoll Ajax beim Nachladen von Inhalten ist … dann bereust Du es, es nicht sofort probiert zu haben!!