Avatar billede Jman Praktikant
01. oktober 2002 - 10:41 Der er 11 kommentarer og
1 løsning

tælle tegn

Jeg har hentet denne fra viewsource.dk:
<input type=text id=txt1 name=txt1 maxlength=15 onkeyup="key_released()" size="20">
<label id=lbl1 name=lbl1>15</label>
<script language=javascript>
function key_released()
{
lbl1.innerHTML = txt1.maxLength -txt1.value.length;
}
</script>

Problemet er at når jeg taster 1 tegn i boksen, så hopper den videre som om jeg havde tykket submit - hvordan ændrer jeg det ..
Eller er der en der har en kode til at tælle ned fra eksempelvis 50 tegn i en inputboks ?
Avatar billede skovtrold Nybegynder
01. oktober 2002 - 10:51 #1
Er det ikke sådan een her du har brug for?
http://javascript.internet.com/forms/limit-textarea.html
Avatar billede Jman Praktikant
01. oktober 2002 - 11:25 #2
YEP!
Problemet er bare at jeg skal bruge den to steder på samme side - og der konflikter den...
Avatar billede skovtrold Nybegynder
01. oktober 2002 - 11:32 #3
Så skal du bare kalde funktionen noget andet.
F.eks. - bare et udsnit af koden:

function textCounter(field, countfield, maxlimit) {

og den kalder du anden gang for:
function textCounter2(field, countfield, maxlimit) {

Name på dit textarea skal du også kalde noget andet for hver gang.
Eks.
textarea name=message
og
textarea name=message2
Avatar billede Jman Praktikant
01. oktober 2002 - 11:39 #4
det har jeg ellers prøvet  -  prøver lige igen
Avatar billede skovtrold Nybegynder
01. oktober 2002 - 11:43 #5
Her er indsat 2 stk - den ene max 125 og den anden max 50 tegn:

<html>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
countfield.value = maxlimit - field.value.length;
}
</script>

<SCRIPT LANGUAGE="JavaScript">
function textCounter2(field, countfield, maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
countfield.value = maxlimit - field.value.length;
}
</script>


</HEAD>

<BODY>

<center>
<form name=myform action="YOUR-SCRIPT.CGI">
<font size="1" face="arial, helvetica, sans-serif"> ( You may enter up to 125 characters. )<br>
<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea>
<br>
<input readonly type=text name=remLen size=3 maxlength=3 value="125"> characters left</font>
</form>
<form name=myform action="YOUR-SCRIPT.CGI">
<font size="1" face="arial, helvetica, sans-serif"> ( You may enter up to 50 characters. )<br>
<textarea name=message2 wrap=physical cols=28 rows=4 onKeyDown="textCounter2(this.form.message2,this.form.remLen2,50);" onKeyUp="textCounter2(this.form.message2,this.form.remLen2,50);"></textarea>
<br>
<input readonly type=text name=remLen2 size=3 maxlength=3 value="50"> characters left</font>
</form>
</center>

</body>
</html>
Avatar billede Jman Praktikant
01. oktober 2002 - 11:45 #6
I HEADER:

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Ronnie T. Moore -->
<!-- Web Site:  The JavaScript Source -->

<!-- Dynamic 'fix' by: Nannette Thacker -->
<!-- Web Site: http://www.shiningstar.net -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
countfield.value = maxlimit - field.value.length;
}
// End -->

<!-- Begin
function textCounter2(field, countfield, maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
countfield.value = maxlimit - field.value.length;
}
// End -->

</script>

I BODY:
      <td align="left" bgcolor="#C0C0C0">
<h4>( Max 50 tegn )<br>
<textarea name=Betegnelse wrap=physical cols=50 rows=1 onKeyDown="textCounter(this.form.Betegnelse,this.form.remLen,50);" onKeyUp="textCounter(this.form.Betegnelse,this.form.remLen,50);"></textarea>
<input readonly type=text name=remLen size=2 maxlength=3 value="50" style="border: 0px solid #000000; background-color: #C0C0C0; font-weight:bold">tegn tilbage</font>
</h4>

      </td>
    </tr>
    <tr>
      <td width="80" valign="top" bgcolor="#C0C0C0">
      <h4 style="margin-left: 5; margin-right: 0; margin-top:0; margin-bottom:0"><b>Problem:</b></h4>
      </td>
      <td bgcolor="#C0C0C0">
<h4>( Max 300 tegn )<br>
<textarea name=Problem wrap=physical cols=50 rows=5 onKeyDown="textCounter2(this.form.Betegnelse,this.form.remLen,50);" onKeyUp="textCounter2(this.form.Betegnelse,this.form.remLen,50);"></textarea>
<input readonly type=text name=remLen size=3 maxlength=3 value="300" style="font-weight: bold; border: 0px solid #000000; background-color: #C0C0C0">tegn
tilbage</h4>

Når jeg sætter textcounter 2 ind, vil ingen af tællerne virke
Avatar billede Jman Praktikant
01. oktober 2002 - 11:47 #7
det skal være i samme form
Avatar billede skovtrold Nybegynder
01. oktober 2002 - 11:48 #8
Du skal have ændret navnet i den sidste del af nr. 2:

<h4>( Max 300 tegn )<br>
<textarea name=Problem wrap=physical cols=50 rows=5 onKeyDown="textCounter2(this.form.Problem,this.form.remLen2,50);" onKeyUp="textCounter2(this.form.Problem,this.form.remLen2,50);"></textarea>
<input readonly type=text name=remLen2 size=3 maxlength=3 value="300" style="font-weight: bold; border: 0px solid #000000; background-color: #C0C0C0">tegn
tilbage</h4>
Avatar billede skovtrold Nybegynder
01. oktober 2002 - 11:49 #9
Du manglede at ændre Betegnelse -> Problem, og den der hedder RemLen skal også findes i 2 udgaver: RemLen og RemLen2
Avatar billede Jman Praktikant
01. oktober 2002 - 11:50 #10
det hjælper heller ikke
Avatar billede Jman Praktikant
01. oktober 2002 - 11:52 #11
Nu virker det - tak for hjælpen
Avatar billede skovtrold Nybegynder
01. oktober 2002 - 12:26 #12
Selv tak :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester