Vorschläge bei Eingabe ins Suchfeld

[Robert B.]

Moin Linuchs,

sieht sehr einfach aus, aber funktioniert (noch) nicht. Schau mal auf diese Seite und gib Ortname ein, um die Vorschläge auszulösen.

Vorher kurz etwas Anderes: Warum haben deine Eingabefelder für Datum eigentlich den Typ text und nicht date? Und was soll das Attribut [readonly] (sic!)?

Zu deiner Antwort: Die Vorschlagsliste funktioniert nicht, weil dein input eine datalist mit der ID OrteVorschlaege referenziert, während die einzige datalist im Code die ID Vögel hat.

Habe im Suchfeld type von text auf search geändert und die Zeile list eingefügt:

<p><l>Ortname <img id=such_ort_name class=help /></l>

Was ist denn l für ein Element? Mir sind in seinem Code noch mehr Merkwürdigkeiten wie

<i@_feiertag| class=crot@_samstag| class=cdgruen>

aufgefallen.

Das Vorschlagsfeld war bisher ein absolut positioniertes „div“, habe ich in „datalist“ geändert, aber die Runtertaste geht dort nicht hinein:

<datalist id="OrteVorschlaege" style="position: absolute; left: 736.233px; min-width: 25em; top: 1218.15px; min-height: 1em; border: 0.1pt solid rgb(170, 170, 255); border-radius: 5px; background-color: rgb(255, 255, 170); padding: 5px; text-align: left; font-size: 10pt; display: none; z-index: 99;" title="OrteVorschlaege">
<p class="nowrap">D-38871 <a href="javascript:getOrtPut('14081', 'D', '38871', 'Abbenrode' )" title="ort_id=14081"><i class="crot">Abb</i>enrode</a> <small> Gemeinde Nordharz</small></p>
<p class="nowrap">D-93077 <a href="javascript:getOrtPut('12062', 'D', '93077', 'Bad Abbach' )" title="ort_id=12062">Bad <i class="crot">Abb</i>ach</a> <small> </small></p>
<p class="nowrap">D-92507 <a href="javascript:getOrtPut('12006', 'D', '92507', 'Nabburg' )" title="ort_id=12006">N<i class="crot">abb</i>urg</a> <small> </small></p>
<p class="nowrap">D-86986 <a href="javascript:getOrtPut('11386', 'D', '86986', 'Schwabbruck' )" title="ort_id=11386">Schw<i class="crot">abb</i>ruck</a> <small> </small></p>
<p class="nowrap">D-92548 <a href="javascript:getOrtPut('13284', 'D', '92548', 'Schwarzach bei Nabburg' )" title="ort_id=13284">Schwarzach bei N<i class="crot">abb</i>urg</a> <small> </small></p></datalist>

So ganz trivial ist das also nicht.

Na doch, wenn man einfach der SELFHTML-Referenz von datalist folgt:

<datalist id="OrteVorschlaege">
    <option>D-38871 Abbenrode</option>
    <option>D-93077 Bad Abbach</option>
    <option>D-92507 Nabburg</option>
    <option>D-86986 Schwabbruck</option>
    <option>D-92548 Schwarzach bei Nabburg</option>
</datalist>

Viele Grüße
Robert