Contacaratteri colorato

[criric]

nemmeno io , l'unica è allungando quanto basta la textarea per evitare le barre discorrimento

Poi volevo sapere, a che servono questi 2 numeri?

a niente credo, piu avanti nello script vengono ridichiarati, probabilmente lo script che hai trovato è stato riadattato piu volte
Io l'avrei fatto cosi:

<script type="text/javascript"> 
    // dichiaro il nome della funzione
    // prende come parametro l\'elemento da analizzare
    function conta(el) {
        // imposto il limite massimo di caratteri consentiti
        var max_char = 200;
        // conto il numero di caratteri nell\'input
        var conta_caratteri = el.value.length;
        // verifico se i caratteri hanno superato il limite
        if(conta_caratteri >= max_char) {
            // riporto i caratteri al limite massimo
            conta_caratteri = max_char;
            // cancello dall\'elemento i caratteri in eccesso
            el.value = el.value.substring(0, max_char);
        }
        // aggiorno il contatore
        document.getElementById("rimanenti").innerHTML = max_char - conta_caratteri;
        if(max_char - conta_caratteri < 20) {
            document.getElementById("testo").className = 'evidenzia';
        }
    }
</script>
<style type="text/css">
    .evidenzia {
        color:red;
    } 
</style>
<p id="testo">Sono rimasti <span id="rimanenti">200</span> caratteri</p>
<textarea cols="22" rows="9" onkeyup="conta(this)"></textarea>

Con meno righe di codice compresi commenti javascript css e html
Comunque se la textarea è piu corta del testo con Firefox fa lo stesso scherzo

 

[Shyson]

Ora provo il tuo, qui ne ho trovato uno che non da difetto con FF, vediamo se ci capisco qualcosa

http://cssglobe.com/lab/charcount/01.html

 

[Shyson]

Sto provando il tuo nuovo codice, sembra funzionare anche con FF, la barra laterale rimane ferma, vibra solo quando si arriva al numero zero e si premono i tasti.

 

[Shyson]

Perciò riassumendo, con FF funziona, la barra vibra solo quando si arriva a zero e si digita ancora.

/* Formatta "Rimanenti...caratteri" */
#contSX {
    float: left;
    width: 103px;
    height: 100px;
    font-family: arial; color: #666666;
    font-size: 1.35em;
    padding-top: 15px;
    text-align: center;
    text-shadow: 0px 1px 0px white;
}

/* Formatta la parola "Testo" */
.testoMess {
    font-family: arial; color: #000080;
    font-size: 1.2em;
    font-weight: 600;    /*Grossetto*/
    text-shadow: 0px 1px 0px white;
} 

/* Formatta il numero che scala */
.formattaNumero { 
    font-family: arial; color: #004080;
    font-size: 1.15em;
    text-shadow: 0px 1px 0px white;
}

/* Formatta da "Rimanenti 20 caratteri" a 0 */
.rossi {
    color: red;
}

function conta(el) {
var max_char = 500; // Limite massimo di caratteri consentiti
var conta_caratteri = el.value.length;
if(conta_caratteri >= max_char) {
conta_caratteri = max_char;
el.value = el.value.substring(0, max_char);
}
document.getElementById("Contatore").innerHTML = max_char - conta_caratteri;
if(max_char - conta_caratteri < 20) {  // A 20 caratteri rimanenti il contatore diventa rosso
document.getElementById("charCount").className = 'rossi';
document.getElementById("Contatore").className = 'rossi';
}
 }

<div id="contSX">
<span class="testoMess">Testo</span><span class="asterisco1">&nbsp;*</span>
<br />
<br />
<span id="charCount">Rimanenti&nbsp;<span class="formattaNumero"><span id="Contatore">500</span></span>
<br />
caratteri</span>
</div>
  
<textarea name="messaggio" id="txtScrivimi1" cols="0" rows="0" onkeyup="conta(this)"></textarea>