Count down tæling i input felt

<form name='minform' method='post' action='?'>

<input type='text' name='navn' onKeyUp='document.minform.navn_cifre.value=document.minform.navn_cifre.defaultValue-this.value.length'> <input type='text' name='navn_cifre' value='10'>

</form>

Måske lige et par omveje, som kan undgås ...

-- ellers er der faktisk ikke noget galt med forslaget, medmindre man ønsker, at visningen ikke skal være en input-ting !-)

<form name='minform' method='post' action='?'>

<input type='text' name='navn' onkeyup='flt=this.form.navn_cifre;flt.value=flt.defaultValue-this.value.length'>
<input type='text' name='navn_cifre' value='10' readonly="readonly">

</form>

roenving>>
Kan man lave den hvor den ikke er i et inputfelt??

altså man kan jo med styles få inputfeltet til at se ud som ganske almindelig tekst!

<input type='text' name='navn_cifre' style='border:0px;padding:0px;margin:0px;background-color:transparent'>

Jeg har tænkt istedet at lave et fælles nedtællingsfelt......håber ikke det er helt tosset!!

<tr>
  <td>Såmange tegn har du tilbage</td>
  <td><input type="text" size="2" name="count_down"></td>
  </tr>
 
  <tr>
  <td>*Fornavn:</td>
  <td><input type="text" name="fornavn" size="35" maxlength="35"
        onLoad ='document.profil.count_down.value=35'
        onKeyUp='document.profil.count_down.value=document.profil.count_down.defaultValue-this.value.length'></td>
  </tr>

Tricket er jo at når jeg loader et element så sætter den count_down til den value den nu skal have, så den kan tælle ned ;)

//HJ

så hedder onFocus i stedet for onLoad, og du skal også tage højde for at der kan stå noget i feltet inden så det skal minusses fra starttallet :)

Problemet er jo nok, at defaultValue skal være registreret i browseren, når den skaber feltet, altså være hardcoded -- og så kan teknikken ikke bruges, men så kan man jo bare bruge den direkte:

<table>
<tr>
  <td>Såmange tegn har du tilbage</td>
  <td><span id="count_down"></span>
</tr>
 
<tr>
  <td>*Fornavn:</td>
  <td>
    <input type="text" name="fornavn" size="35" maxlength="35" onkeyup="document.getElementById('count_down').innerHTML=+this.size-this.value.length"></td>
</tr>
</table>

-- og this.size kan du selvfølgelig udskifte med 35 hvis du hellere vil det, eller tallet skal være anderledes end size er angivet til !-)

-- og jeg fik lige fjernet en </td> fra cellen med span'en !-)

Jeg gjorde så'n istedet ;)

<tr>
  <td>Tegn endnu:</td>
  <td><input type="text" size="2"
              name="count_down"
              style='border:0px;padding:0px;margin:0px;background-color:transparent'
              readonly="readonly"></td>
  </tr>
 
  <tr>
  <td>*Fornavn:</td>
  <td><input type="text" name="fornavn" size="35" maxlength="35"
        onKeyUp='document.profil.count_down.value=35-this.value.length'></td>
  </tr>

lukker..