Textarea maximaal aantal regels!

[Verwijderd]

Ik heb een vraag.. het gaat om het volgende. Ik ben bezig met een
editor waarbij ik mensen de mogelijkheid wil geven om hun text in
een textarea te typen. Het probleem is echter dat ik een maximaal
aantal regels aan wil geven, dus maxlength werkt niet ...

Nu heb ik wel scripts gevonden die het aantal regels telde, maar als
een regel afgebroken werd zagen ze dat nie als een nieuwe regel.

Het textkader mag een maximaal aantal tekens op een regel bevatten
en een maximaal aantal regels. Hopelijk kan iemand mij helpen! Het maakt
niet uit als het alleen werkt in IE...

Alvast bedankt ...

[Verwijderd]

Ik heb ff op google gezocht en vond deze meteen:

http://javascript.internet.com/forms/limit-textarea.html

kijk hier maar ff volgens mij wil je deze hebben!
Deze kijkt naar de hoeveelheid characters!

S6

EDIT:

Okey; ik denk ook dat je zelf een script moet schrijven; maar weet niet of je enters kan tellen, want als je door tikt gaat die vanzelf naar de volgende regel

[ Voor 29% gewijzigd door Verwijderd op 16-05-2003 13:38 ]

[Verwijderd]

Hier heb ik helaas nix aan.. ik heb echt iets nodig die de regels telt.. want als ik 10 x op enter druk dan ziet hij dat als 10 characters

[momania]

Verwijderd schreef op 16 May 2003 @ 13:29:
Ik heb ff op google gezocht en vond deze meteen:

http://javascript.internet.com/forms/limit-textarea.html

kijk hier maar ff volgens mij wil je deze hebben!
Deze kijkt naar de hoeveelheid characters!

S6

Dat wil de TS nou net niet volgens mij.
Het gaat hier om een max aantal characters per regel en niet in totaal.
En dan ook nog een max aantal regels.

Daar zal je toch echt zelf een script voor moeten schrijven die op 'enters' etc checkt en zo het aantal regels bepaald en daarna per regel het aantal characters bepalen.

Waarom wil je het eingenlijk zo en is het maximaal aantal characters in totaal niet voldoende?

Dat gaat dus wel betekenen dat als je dat gaat doen dat het bij elke toetsaanslag gecontroleerd moet worden en dat is dan best een intensief proces.

[ Voor 19% gewijzigd door momania op 16-05-2003 13:35 ]

[Verwijderd]

JavaScript:

function checkLengthOnKeyDown(lstMain, lngLimit) {
    if (event.keyCode != 8 && event.keyCode != 46 && event.keyCode != 37 && event.keyCode != 38 && event.keyCode != 39 && event.keyCode != 40) {
        if (lstMain.value.length >= lngLimit - 1) {
            event.cancelBubble = true;
            event.returnValue = false;
        }
    }
}

HTML:

<FORM NAME="myForm">
<TEXTAREA NAME="myTextArea" onKeyDown="javascript:checkLengthOnKeyDown(document.myForm.myTextArea, 100);"></TEXTAREA>
</FORM>

Bovenstaand JS en HTML gecombineerd geeft je een textarea met maximaal 100 characters.

Maar dat was geloof ik niet precies waar je naar op zoek was...

Er valt vast wel wat te doen met de keyCodes. Ik geloof dat keyCode 36 een carriage return is. Als je die nou eens gaat tellen... etc.

Succes!!

[r0bert]

Hmmz, toen ik de post van Fck las, kwam ik op het volgende idee..

Volg het idee van Fck om bij iedere toetsaanslag het aantal tekens te tellen.. Als je dan bijvoorbeeld een limiet van 30 tekens per regel aanhoudt (kleiner dan de breedte van je textarea), dan laat je na ieder veelfout van 30 een return/linebreak invoegen op de huidige positie van de cursor. Als je dan uiteindelijk het totaal aantal returns/linebreaks telt, heb je het aantal regels..

Misschien maak ik ergens nog wat denk foutjes, maar ik hoop dat je er wat mee kan

edit:
even over de scriptjes die worden gepost, volgens mij is de topicstarter niet op zoek naar een scriptje om zijn aantal ingevoerde tekens te limiteren

[ Voor 19% gewijzigd door r0bert op 16-05-2003 13:51 ]

[BasSpruit]

in de head:

JavaScript:

<script language="JavaScript" type="text/javascript">
function textCounter(field, maxlimit) { if (field.value.length > maxlimit) field.value = field.value.substring(0, maxlimit); }
</script>

in je textarea tag:

JavaScript:

onKeyDown="textCounter(this.form.veld,400);" onKeyUp="textCounter(this.form.veld,400);"

[momania]

ChaosDream schreef op 16 May 2003 @ 13:50:
...

Dit is dus hetzelfde als de maxlenght parameter invullen bij de textarea tag.
Is dus weer alleen voor een max aantal characters in totaal

TS wil per regel max aantal characters en in geheel een max aantal regels

[BtM909]

momania schreef op 16 May 2003 @ 13:54:
[...]

Dit is dus hetzelfde als de maxlenght parameter invullen bij de textarea tag.
Is dus weer alleen voor een max aantal characters in totaal

TS wil per regel max aantal characters en in geheel een max aantal regels

Idd, nog steeds vinden mensen het moeilijk om te lezen ....

Maarre momania: Textarea is volgens mij het enige wat geen maxlength kent

r0bert schreef op 16 May 2003 @ 13:49:
Volg het idee van Fck om bij iedere toetsaanslag het aantal tekens te tellen.. Als je dan bijvoorbeeld een limiet van 30 tekens per regel aanhoudt (kleiner dan de breedte van je textarea), dan laat je na ieder veelfout van 30 een return/linebreak invoegen op de huidige positie van de cursor. Als je dan uiteindelijk het totaal aantal returns/linebreaks telt, heb je het aantal regels..

Misschien maak ik ergens nog wat denk foutjes, maar ik hoop dat je er wat mee kan

Je mist hierbij wel de handmatige enters, toch ?

[Verwijderd]

Ik heb al een script gemaakt met keycodes maar ik pruts nog wel ff verder.., want misschien heb ik daar wel een fout gemaakt..

[André]

Je kunt natuurlijk gewoon een aantal <input type="text"> onder elkaar zetten. Dan kun je die met maxlength beperken, en als je maar 7 regels wil zet je er 7 onder elkaar.

Je kunt met css de borders en andere dingen weghalen zodat het 1 textarea lijkt. En met javascript kijk je of je aan het einde van een regel bent, zo ja dan doorsturen naar volgende input.

[Verwijderd]

jah daar heb ik ook aan gedacht..., maar is er geen javascript oplossing.. zou dit namelijk wel een beetje jammer vinden

[r0bert]

BtM909 schreef op 16 May 2003 @ 13:57:
Je mist hierbij wel de handmatige enters, toch ?

Waarom dat ? Die kun je toch gewoon meenemen met het controleren ?

[BasSpruit]

André schreef op 16 May 2003 @ 13:59:
Je kunt natuurlijk gewoon een aantal <input type="text"> onder elkaar zetten. Dan kun je die met maxlength beperken, en als je maar 7 regels wil zet je er 7 onder elkaar.

Je kunt met css de borders en andere dingen weghalen zodat het 1 textarea lijkt. En met javascript kijk je of je aan het einde van een regel bent, zo ja dan doorsturen naar volgende input.

er staat hiervoor zelfs een script voor onder DHTML op www.w3schools.com is maar 1 of 2 regels.

[Verwijderd]

Hier heb ik nix aan want je kunt het aantal regels veranderen, en dat is niet interessant voor mij ik wil het maximaal aantal regels vaststellen

[André]

Kijk dan naar mijn oplossing. Daar staat het aantal regels vast!

[r0bert]

Ik ben ook even aan het prutsen:

JavaScript:

<script language="JavaScript" type="text/javascript">
function fnCountLines(strTekst, intMaxChars)
{
    var intRegels   = 0;
    
    while (strTekst.length > intMaxChars)
    {
        intRegels++;
        strTekst = strTekst.substr(intMaxChars, strTekst.length);
    }
    
    return new Array(intRegels, strTekst.length);
}

function fnCheckLines(objTxa, intMaxChars, intMaxLines)
{
    var intRegels   = new Array();
    
    intRegels   = fnCountLines(objTxa.value, intMaxChars);
    intCharsLeft    = intMaxChars - intRegels[1];
    
    if (intRegels[0] >= intMaxLines) alert('invoer annuleren, met return false ofzo? :S');
    if (intCharsLeft == 0) objTxa.value += '\n';    
}
</script>

HTML:

<textarea onKeyUp="fnCheckLines(this, 30, 5);" cols="40" rows="7"></textarea>

Alleen
- worden manuele enter nog niet meegetelt
- wordt de invoer nog niet geannuleerd (hoe?)
- kan je nog knippen/plakken/slepen geloof ik (probleempje met linebreaks invoegen)

edit:
is er iemand die de chars weet voor een enter in een textarea iig geen
- <br> of <br />
- \n of \r\n of \n\r
- %0D%0A of %0D

[ Voor 23% gewijzigd door r0bert op 16-05-2003 17:02 ]

[Verwijderd]

Euh ik geloof gewoon \n hoor... Ik ben zelf ten einde raad maar eens naar de oplossing van Andre aan het kijken.. en daar zitten helaas ook een aantal nadelen aan..

Ik heb het zo gemaakt dat ie checkt op backspace enzo.. dat werkt allemaal prima.. maar copy paste werkt niet .. enne.. stel je het volgende voor:

regel1: Hallo blaat
regel2: Piet jan henk

nou ga ik achter blaat een tekst typen.. als de regel zijn maximale
aantal karakters bereikt heeft gaat hij naar de volgende regel.. dan
typt ie verder voor Piet jan henk......, tot die regel vol is en dan zou
eigenlijk piet jan en henk naar de volgende regel door moeten schuiven

beetje lastig uitgelegd misschien.. maar tis toch een behoorlijk nadeel ten
opzicht van de textarea

[André]

Let op, de oplossing:

JavaScript:

<script language="javascript">
  function Check()
  {
    Temp = Veld.value;
    Veld.value = Temp.substr(0, Temp.length - 2);
  }
</script>

HTML:

<textarea name="Veld" rows="6" cols=10" onscroll="Check()"></textarea>

Dit is even snel en vies gecoded, maar met het gebruik van het onscroll event is het dus mogelijk.

[ Voor 17% gewijzigd door André op 16-05-2003 15:35 ]

[Verwijderd]

top! thnx...! dit moet het zijn!

[Boogie]

http://javascript.internet.com/forms/limit-textarea.html levert ook een hele mooie oplossing voor het aantal characters!

[coubertin119]

1. Die URL is al eens gepost, en hij bleek niet de juiste oplossing te bevatten.
2. Waarom schop je hier dit topic voor?

[crisp]

oude