Beiträge von Draku

Tut mir leid für meine späte Meldung,

dass ist genau das was ich gesucht habe. Die breite wird immer Unterschiedlich sein.

Vielen Dank für die Hilfe.

Danke für die schnelle Antwort,

aber leider meine ich das nicht so. Ich möchte halt unter meine Suchleiste Suchbegriffe schreiben, aber leider sind manche texte zu groß. Also wollte ich machen wenn der text zu groß ist halt dieses scrollen passiert wenn man mit der Maus drauf geht.

Beispiel:

Die // ist der Anfang das Ende von Element p.

in der passt der text also sol es so bleiben:

// Hallo //

und in den passt der text nicht:

// Hallo ich b//in Draku

also möchte ich wenn ich drauf gehe der text bis zum letzten Buchstaben gescrollt wirt also

Hallo i//ch bin Draku//

Ich hoffe das man das verstehen kann was ich Erkläre da ich nicht so gut Erklären kann.

Guten Abend,

Ich hoffe ihr könnt mir weiter helfen uns war möchte ich einen Text wenn ich drauf gehe scrollt er nach links.

<p class="textBox">
    <span id="mySpan">The quick brown fox jumps over the lazy dog</span>
</p>

.textBox {
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  padding: 0px;
  position: relative;
}
.textBox span {
  position: absolute;
  white-space: nowrap;
  transform: translateX(0);
  transition: 1.5s;
}
.textBox:hover span {
  transform: translateX(calc(60% - 100%));
}

Der Code funktioniert auch, aber ich möchte das er selbständiger ist.

Also das ich nicht bei jeder Box die "transform: translateX(calc(60% - 100%));" ändern muss sondern automatisch erkennt wie lang der text ist und dann weiß wie weit er scrollen muss.

Könnt ihr mir bitte helfen. Danke in voraus.

vielen danke,

nicht genau was ich wolte finde ich aber besser.

vielen Dank.

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

das ä ö ü ändern sich immer noch nicht.

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:

/*/////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//////

Möchte es aber als Suchleiste.

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