[løst]Hvordan lager nedtelling til textarea?

donkeykong89 · 26. november 2005

Er det noen som vet hvordan man lager en slags nedtelling til textarea. Akkurat som de fleste sms-tjenestene på internett.

Jeg har en gjestebok som jeg har satt til maks 500 tegn, og jeg vil at de som poster skal kunne se hvor mange tegne de har til rådighet igjen.

Har opplevd at det er mange som skriver masse så må de ta bort, blir mer brukervennlig for folk flest.

Noen som vet eller?

Denne gangen har jeg vel postet riktig?

hehe

Takk for alle svar.

Endret 26. november 2005 av anderenlee

Authority · 26. november 2005

Det kan gjøres med javascript ja. Jeg vet ikke hvor god du er i javascript, men her er en generell handlingsmåte du må gjøre:

1. Fang 'onkeydown' eventen til textarea'et ditt

2. hent den skrevne teksten fra textarea'et ditt og tell antall tegn. Dette tallet trekker du fra 500.

3. Oppdater en innerHTML tekst i en navngitt <div> eller <span> (eller andre måter du vil vise antall tegn skrevet)

donkeykong89 · 26. november 2005

Jeg er helt blank når det gjelder javascript. Drev å fikla med javascript som folk hadde skrevet ferdig og liknende. Jeg har egentlig ikke tenkt å lære meg javascript, tenkte bare om noen har scriptet ferdig skrevet jeg. Det hadde vært supert.

Hvis det ikke går vet du om en god norsk javascript side? Der jeg kan lære meg javascript.

TheGizmo · 26. november 2005

En liten intro...

donkeykong89 · 26. november 2005

Jeg har løst problemet. For de som kanskje lurer på det samme kan kikke litt på denne kildekoden:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>AspTopSites Character Count</title>

<script language="JavaScript">
<!--

function SymError()
{
 return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
 return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<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 -->
</script>
</head>

<body>

<div align="center">
 <center>
 <table border="0" cellpadding="0" cellspacing="0" width="350">
   <tr>
     <td width="100%" align="center" bgcolor="#000000">
       <p align="center"><font face="Arial" size="2" color="#FFFFFF"><b>Character
       Counter</b></font>

     </td>
   </tr>
   <tr>
     <td width="100%"><center>
<form name=myform action="YOUR-SCRIPT.CGI">
<font size="1" face="arial, helvetica, sans-serif"> ( You may enter up to 255 characters. )<br>
<textarea name=message wrap=physical cols=40 rows=5 onKeyDown="textCounter(this.form.message,this.form.remLen,255);" onKeyUp="textCounter(this.form.message,this.form.remLen,255);"></textarea>
<br>
<input readonly type=text name=remLen size=3 maxlength=3 value="255"> characters left</font>
</form>
</center>

     </td>
   </tr>
   <tr>
     <td width="100%"><font face="Arial" size="1">When done, use your cursor to
       highlight the text, and copy (type Control-c or Apple-c) the text to the
       form.</font>

     </td>
   </tr>
   <tr>
     <td width="100%" align="center"><font face="Arial" size="1"><a href="javascript:window.close()">Close Window</a></font>

     </td>
   </tr>
 </table>
 </center>
</div>

</body>

</html>

<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
 window.open = SymWinOpen;
 if(SymRealOnUnload != null)
    SymRealOnUnload();
}

function SymOnLoad()
{
 if(SymRealOnLoad != null)
    SymRealOnLoad();
 window.open = SymRealWinOpen;
 SymRealOnUnload = window.onunload;
 window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>

Logg inn

[løst]Hvordan lager nedtelling til textarea?

Anbefalte innlegg

donkeykong89

Lenke til kommentar

Videoannonse

Authority

Lenke til kommentar

donkeykong89

Lenke til kommentar

TheGizmo

Lenke til kommentar

donkeykong89

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer