Foros del Web » Programando para Internet » Javascript »

Cambiar style de INPUTs

Estas en el tema de Cambiar style de INPUTs en el foro de Javascript en Foros del Web. Tengo un script que cambia el borde de un input a rojo si colocan determinados caracteres, pero lo tengo para un solo campo. Lo que ...
  #1 (permalink)  
Antiguo 02/12/2010, 09:40
Avatar de ramoneariel  
Fecha de Ingreso: abril-2008
Mensajes: 17
Antigüedad: 16 años
Puntos: 0
Exclamación Cambiar style de INPUTs

Tengo un script que cambia el borde de un input a rojo si colocan determinados caracteres, pero lo tengo para un solo campo.
Lo que quiero hacer es utilizar el mismo script para validar otros campos pero uso esto

Código:
document.getElementById('campo').style.cssText='-moz-box-shadow: 0px 0px 15px #f00';
donde 'campo' es la id del campo que quiero testear.

Bien lo que necesito es capturar la ID del capo que quiero testear e incluirla en el codigo anterior para que cambie solo ese campo.
Algo como
Código:
var x=this.attrib(id);
document.getElementById(x).style.cssText='-moz-box-shadow: 0px 0px 15px #f00';
No se como hacerlo. Gacias de antemano.
  #2 (permalink)  
Antiguo 02/12/2010, 16:20
Avatar de malakian  
Fecha de Ingreso: septiembre-2010
Ubicación: $malakian->Colombia();
Mensajes: 469
Antigüedad: 13 años, 7 meses
Puntos: 45
Respuesta: Cambiar style de INPUTs

hola!
puedes mandar el ID como parametro cuando llames tu funcion ejemplo
Código HTML:
Ver original
  1. <input type="text" id="caja" onclick="tu_funcion(this.id)" />

y en JavaScript
Código Javascript:
Ver original
  1. function tu_funcion(id){
  2.   alert(id);
  3. }

espero te sirva
__________________
Guitar Loco, Desarrollador Web PHP
Sigueme: @jose1x
  #3 (permalink)  
Antiguo 02/12/2010, 20:28
Avatar de ramoneariel  
Fecha de Ingreso: abril-2008
Mensajes: 17
Antigüedad: 16 años
Puntos: 0
Respuesta: Cambiar style de INPUTs

Gracias por responder, pero estoy usando una modificación de un script para medir la fuerza de un password para jquery para que muestre los bordes rojos del INPUT cuando se esta ingresando un caracter no valido, como dobles espacios letras con acentos y algunos simbolos, y los valores los toma de ésta forma:

Código:
$(function() {
		$('.verifi').fuerza();
	});
en el INPUT

Código:
<input type="text" id="campo" class="verifi"  />
lo que quiero es tomar la id del INPUT en el script para asignarlo a

Código:
document.getElementById(variable con id).style.cssText='-moz-box-shadow: 0px 0px 0px #f00';
para que modifique el borde del INPUT en el que estoy escribiendo. Osea utilizar el mismo script para todos los INPUT de la página.

Código:
campo <input type="text" id="campo" class="verifi"  />
campo1 <input type="text" id="campo1" class="verifi"  />
campo2 <input type="text" id="campo2" class="verifi"  />
campo3 <input type="text" id="campo3" class="verifi"  />
Gracias nuevamente.
  #4 (permalink)  
Antiguo 02/12/2010, 20:45
Avatar de ramoneariel  
Fecha de Ingreso: abril-2008
Mensajes: 17
Antigüedad: 16 años
Puntos: 0
Respuesta: Cambiar style de INPUTs

Perdon, no me di cuenta al principio pero creo que debi postearlo en el foro de frameworks.

Etiquetas: inputs, style
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:35.