• Home
  • Forum
  • Fare Web
  • Javascript

Contacaratteri colorato

  • Creatore Discussione Creatore Discussione Shyson
  • Data di inizio Data di inizio 19 Ago 2012
  • Tag Tag
    conta caratteri css javascript textarea
Prec.
  • 1
  • 2
Primo Prec. 2 di 2

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 23 Ago 2012
  • #21
nemmeno io , l'unica è allungando quanto basta la textarea per evitare le barre discorrimento
Poi volevo sapere, a che servono questi 2 numeri?
Clicca per allargare...
a niente credo, piu avanti nello script vengono ridichiarati, probabilmente lo script che hai trovato è stato riadattato piu volte
Io l'avrei fatto cosi:
Codice:
<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

Utente Attivo
19 Ago 2012
1.179
1
38
  • 23 Ago 2012
  • #22
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

Utente Attivo
19 Ago 2012
1.179
1
38
  • 23 Ago 2012
  • #23
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

Utente Attivo
19 Ago 2012
1.179
1
38
  • 24 Ago 2012
  • #24
Perciò riassumendo, con FF funziona, la barra vibra solo quando si arriva a zero e si digita ancora.

PHP:
/* 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;
}

PHP:
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';
}
 }

PHP:
<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>
 
Prec.
  • 1
  • 2
Primo Prec. 2 di 2
Devi accedere o registrarti per poter rispondere.

Discussioni simili

D
Testo colorato in base a giorno settimana
  • Darkbox
  • 4 Gen 2021
  • PHP
Risposte
12
Visite
2K
PHP 7 Gen 2021
macus_adi
P
[HTML] Sfondo colorato di un div contenitore di altri due div
  • paba2015
  • 15 Dic 2016
  • HTML e CSS
Risposte
9
Visite
6K
HTML e CSS 2 Gen 2017
paba2015
P
testo scorrevole con sfondo colorato con css esterno
  • utente
  • 5 Giu 2016
  • HTML e CSS
Risposte
6
Visite
6K
HTML e CSS 7 Giu 2016
utente
R
Come centrare il testo in un paragrafo con sfondo colorato?
  • rosallo
  • 18 Nov 2014
  • HTML e CSS
Risposte
2
Visite
1K
HTML e CSS 19 Nov 2014
rosallo
R
G
[VENDO] Annuncio Testuale Colorato A Rotazione - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 15 Nov 2013
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 15 Nov 2013
guadagna
G
G
[VENDO] Popunder Colorato Animato A Rotazione - advhits.com (3000 Unici/Giorno)
  • guadagna
  • 14 Set 2013
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 14 Set 2013
guadagna
G
G
[VENDO] Annuncio Testuale Colorato Fisso - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 10 Mag 2013
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 10 Mag 2013
guadagna
G
G
[VENDO] Popunder Colorato Animato A Rotazione - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 29 Apr 2013
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 29 Apr 2013
guadagna
G
G
[VENDO] Annuncio Testuale Colorato A Rotazione - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 3 Apr 2013
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 3 Apr 2013
guadagna
G
G
[VENDO] Popunder Colorato Animato A Rotazione - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 10 Feb 2013
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 10 Feb 2013
guadagna
G
G
[VENDO] Popunder Colorato Animato A Rotazione - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 14 Dic 2012
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 14 Dic 2012
guadagna
G
G
[VENDO] Annuncio Testuale Colorato A Rotazione - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 10 Dic 2012
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 10 Dic 2012
guadagna
G
G
[VENDO] Popunder Colorato Animato A Rotazione - advhits.com (2500 Unici/Giorno)
  • guadagna
  • 1 Ott 2012
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 1 Ott 2012
guadagna
G
G
[VENDO] Annuncio Testuale Colorato A Rotazione - advhits.com (2.500 Unici/Giorno)
  • guadagna
  • 10 Set 2012
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
975
Vendere e Acquistare pubblicita' online 10 Set 2012
guadagna
G
G
[VENDO] Annuncio Testuale Colorato A Rotazione - advhits.com (3000 Unici/Giorno)
  • guadagna
  • 6 Mag 2012
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 6 Mag 2012
guadagna
G
G
[VENDO] Popunder Colorato Animato A Rotazione - advhits.com (3000 Unici/Giorno)
  • guadagna
  • 3 Mag 2012
  • Vendere e Acquistare pubblicita' online
Risposte
0
Visite
1K
Vendere e Acquistare pubblicita' online 3 Mag 2012
guadagna
G
R
lettura file rtf con testo colorato e stampa a video
  • rsquadroni
  • 18 Mag 2009
  • PHP
Risposte
1
Visite
2K
PHP 19 Mag 2009
borgo italia
Link script colorato
  • X-Zeus
  • 20 Apr 2006
  • Javascript
Risposte
1
Visite
2K
Javascript 20 Apr 2006
metalgemini
D
testo colorato
  • demian
  • 28 Mar 2005
  • Javascript
Risposte
2
Visite
2K
Javascript 1 Apr 2005
lukeonweb
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?