such filter mit umlauten

Draku · 2. Mai 2019

Guten Tag,

ich brauche leider Hilfe.

ich versuche eine Suchleiste zu machen aber ich versage bei den sonder Zeichen besonders Ä Ü Ö.

Ich möchte die Zeichen durch au ue oe ersetzen. wenn ich es zb so mache:

Code

/*/////geht es nicht/////*/
<input type="text" id="myInput" onkeyup="searchGo()" name="search" placeholder="Search..">
<script>
  function umlaut(str) {
    return str
   .replace(/Ä/g, "AE")
   .replace(/ä/g, "ae")
   .replace(/Ö/g, "OE")
   .replace(/ö/g, "oe")
   .replace(/Ü/g, "UE")
   .replace(/ü/g, "ue");
}
  function searchGo() {
    var input, filter;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    alert(umlaut(filter));
  }
</script>
/////Input: König//////
/////Output: König//////
/*/////und so geht es/////*/
<script>
  function umlaut(str) {
    return str
   .replace(/Ä/g, "AE")
   .replace(/ä/g, "ae")
   .replace(/Ö/g, "OE")
   .replace(/ö/g, "oe")
   .replace(/Ü/g, "UE")
   .replace(/ü/g, "ue");
}
var filter = "König"
alert(umlaut(filter));
</script>
/////Input: König//////
/////Output: Koenig//////

Alles anzeigen

Möchte es aber als Suchleiste.

Ich verstehe es nicht könnt ihr mir bitte helfen?

Sempervivum · 2. Mai 2019

Versuche es anders herum, erst umlaut, dann toUpperCase.

Draku · 2. Mai 2019

Danke für die Antwort aber leider geht es nicht.

das ä ö ü ändern sich immer noch nicht.

Arne Drews · 2. Mai 2019

Warum willst du in Zeiten von Unicode die Umlaute überhaupt ersetzen?

Du hast eine Suchleiste, in der ich als Benutzer einen Suchbegriff eingeben kann, nehme ich mal an?

Dann will ich aber doch auch Texte mit Umlaute finden, oder haben Deine Texte keine Umlaute?

Arne Drews · 2. Mai 2019

Hier mal ne kleine Variante, wenn ich Dich richtig verstanden habe:

HTML

<input type="text" placeholder="Suche"/>

JavaScript

var replaceModel = {'ä':'ae', 'ö':'oe', 'ü':'ue', 'ß':'ss'};

document.querySelector( 'input' ).addEventListener('keyup', function(e) {
  this.value = this.value.replace( /[äöüß]/g, c => replaceModel[c] );
});

Das kann vermutlich nicht jeder Browser, glaube ich. In dem Fall ist die entscheidende Zeile 4 abzuändern:

JavaScript

this.value = this.value.replace( /[äöüß]/g, function(c) { return replaceModel[c]; });

Das sollten dann auch fast alle Browser können.

Aber wie gesagt, weiß ich nicht, ob Du das so auch meintest...

Draku · 2. Mai 2019

vielen danke,

nicht genau was ich wolte finde ich aber besser.

vielen Dank.

such filter mit umlauten

Jetzt mitmachen!

Teilen

Tags