Hej.
Jeg forsøger at få et textarea til at kunne indeholde max 3 linjer med max 55tegn pr linje, so far so good.
der efter ville jeg lave det sådan at hvis man gik tilbage på linje 1 og skrev mere skulle den skubbe de ord der var for meget på linje 1 ned til næste linje, indtil der ikke var mere plads.
har prøvet at lave det på flere forskællige måder, unden held, her er mit sidste forsøg som virker hat
- function limitTextarea(textarea, maxLines, maxChar)
- {
- var lines = [];
- var line = [];
- var words = textarea.value.split("\n").join("").split(" ");
- console.log(words);
- var lineCharCounter = 0;
-
- jQuery.each(words, function(i, word){
- if(lines.length > maxLines)
- {
- console.log("lines.length > maxLines");
- return;
- }
- wl = word.length;
-
- if(lineCharCounter <= maxChar)
- {
- line.push(word);
- lineCharCounter += wl;
- }
- else
- {
- lineCharCounter = wl;
- lines.push(line);
- line = [];
- line.push(word);
- }
-
- });
- console.log(lines);
- if(lines.length > 0){
- var r = [];
- lines = lines.slice(0, maxLines);
- jQuery.each(lines, function(i, line){
- r.push(line.join(" "));
- });
- textarea.value = r.join("\n");
- console.log(textarea.value.length);
- }
- }
- <textarea onkeyup="limitTextarea(this, 3, 55);"></textarea>
nogle bud på en løsning? - ellers håber jeg en nats søvn kan klare det