Ver Mensaje Individual
  #10 (permalink)  
Antiguo 09/03/2012, 13:25
Avatar de Ventru3
Ventru3
 
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 5 meses
Puntos: 13
Respuesta: Buscar elemento con $(this)

Dejo el script completo y comentado, por si le es de ayuda a alguien.

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     //Previsualizar texto, caracteres restantes y cambio de color
  3.     $('#name').keyup(
  4.         function(){
  5.             var name = $(this).val(); //Valor del input
  6.             var count = name.length; //Numero de caracteres escritos
  7.             var max = parseInt($(this).attr('maxlength')); //Valor maximo del input
  8.             var countdown = max - count; //Resta eñ valor maximo del input al numero de caracteres escritos
  9.                        
  10.             if (countdown > 6){ //Si quedan más de seis caracteres cambia de color
  11.                 $('#missing').css({color:'#2e2e2e'});
  12.             }
  13.                        
  14.             if (countdown < 7){ //Si quedan menos de siete caracteres cambia de color
  15.                 $('#missing').css({color:'#f4fa58'});
  16.             }
  17.                        
  18.             if (countdown < 4){ //Si quedan menos de cuatro caracteres cambia de color
  19.                 $('#missing').css({color:'#fe2e2e'});
  20.             }
  21.                                        
  22.             $('#result').html(name); //Muestra el valor del input en #result
  23.             $('#count').html(countdown); //Muestra los caracteres restantes
  24.             });
  25.         //Cambiar color del texto previsualizado
  26.         $('#black').click(
  27.             function(){
  28.                 $('#result').css({color:'#000000'});
  29.             });
  30.         $('#orange').click(
  31.             function(){
  32.                 $('#result').css({color:'#f68e56'});
  33.             });
  34.         $('#blue').click(
  35.             function(){
  36.                 $('#result').css({color:'#6dcff6'});
  37.             });
  38.             $('#white').click(
  39.                 function(){
  40.                     $('#result').css({color:'#ffffff'});
  41.                 });
  42.         //Color seleccionado
  43.         $('#colors input').click(
  44.             function(){
  45.                 $('span').removeClass('selected'); //Quita la clase selected a todos los span
  46.                 $(this).next().find('span').addClass('selected'); //Agrega la clase selected al color seleccionado
  47.             });
  48. });

Si alguien ve que se puede simplificar el script, agradecería que lo dijera.