Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente bannato
    Registrato dal
    Mar 2011
    Messaggi
    389

    jquery textarea non mi colora di rosso quando è minore di 200

    questo è un ipotetipo textarea con un div che ci informa sulla disponibilità di caratteri rimasti

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     
    <head>
    <script type="text/javascript" src="programmi/jquery/jquery-latest.js"></script>
     
     <style>
     #conteggio{
    	 color:#660;
     }
     </style>
     
    <script type="text/javascript">
     
    $(document).ready(function() {
     
     
    	var	caratteri = 220;
    	$("#conteggio").append("Ti restano "+ caratteri+" caratteri");
    	$("#testo").keyup(function(){
    		if($(this).val().length > caratteri){
    		$(this).val($(this).val().substr(0, caratteri));
    		}
    		var restanti = caratteri - $(this).val().length;
    		$("#conteggio").html("Ti restano "+ restanti+" caratteri");
    		});
    
     
    	});
    	
    </script>
    </head>
     
    <body>
    <form id="input_form"  method="POST">
    <textarea id="testo"></textarea>
     
    <input type="submit" value="invia">
     
    </form>
    <div id="conteggio"></div>
     
    </body>
    </html>

    il problema è che non so dove aggiungere


    if(restanti <= 200)
    {
    $("#conteggio").css("color","red");
    }
    else
    {
    $("#conteggio").css("color","black");
    }



    ho preso spunto da qui..... http://www.mtxweb.ch/php_learn/?p=801 qualuno puo' autarmi?

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    mettilo alla fine prima della chiusura dell'evento keyup...

    codice:
    $("#testo").keyup(function(){
    ....
    var restanti = caratteri - $(this).val().length;
    $("#conteggio").html("Ti restano "+ restanti+" caratteri");
    if(restanti <= 200)
    {
    $("#conteggio").css("color","red");
    }
    else
    {
    $("#conteggio").css("color","black");
    }
    });

  3. #3
    Utente bannato
    Registrato dal
    Mar 2011
    Messaggi
    389
    non va ma devo creare i css di #conteggio?

  4. #4
    Utente bannato
    Registrato dal
    Mar 2011
    Messaggi
    389
    mi sono sbagliato funziona grazie 1000 ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.