JavaScript - Einfügemarke im Textarea bewegen


<script>

window.addEventListener('load', function () {
 
document.getElementById("change").addEventListener('input', function () {
  var 
elem document.getElementById("txt");
  var 
pos document.getElementById("change").value;
  
setCursor(elempos);
 });
});

function 
setCursor(elempos) {
 if (
elem.setSelectionRange) {
  
elem.focus();
  
elem.setSelectionRange(pospos);
 }
 else if (
elem.createTextRange) {
  var 
range elem.createTextRange();
  
range.collapse(true);
  
range.moveEnd('character'pos);
  
range.moveStart('character'pos);
  
range.select();
 }
}
</
script>

<
p>
<
textarea id="txt" rows="8" cols="40">
Ich bin BlindtextVon Geburt anEs hat lange gedauert
bis ich begriffen habewas es bedeutetein blinder Text zu sein
Man macht keinen SinnMan wirkt hier und da aus dem Zusammenhang 
gerissen
Oft wird man gar nicht erst gelesen.
</
textarea>
</
p>

<
p>
<
input type="number" id="change" min="0" max="239" value="0">
</
p>

Bausteine

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Sternebewertung

PHP - Auswahllisten vom Datum erstellen

JavaScript - URL Query und Fragment über JavaScript auslesen

MySQL - Datensätze (Gehalt) zwischen 2000 und 3000 anzeigen