Foros del Web » Programando para Internet » Javascript »

un SELECT con colores (o estilos)

Estas en el tema de un SELECT con colores (o estilos) en el foro de Javascript en Foros del Web. Que tal tengo un select llamado PlazaMov que es llenado por un arreglo que es concatenado en una variable llamada la_plaza , el codigo es ...
  #1 (permalink)  
Antiguo 13/10/2006, 07:57
Avatar de molig  
Fecha de Ingreso: septiembre-2006
Ubicación: Acapulco
Mensajes: 50
Antigüedad: 17 años, 7 meses
Puntos: 15
Información un SELECT con colores (o estilos)

Que tal
tengo un select llamado PlazaMov que es llenado por un arreglo que es concatenado en una variable llamada la_plaza, el codigo es el siguiente:

Código:
 
function PasarPlazas(opcion,tipo){
      la_plaza=StrPad(opcion[0],2,"0","Izq");	
      la_plaza+=StrPad(opcion[1],2,"0","Izq");	
      la_plaza+=StrPad(opcion[2],2,"0","Izq");	
      la_plaza+=" " + StrPad(opcion[3],2,"0","Izq") + ".0";
      la_plaza+=StrPad(opcion[4],7," ","Izq");	// horas
      la_plaza+=StrPad(opcion[5],6,"0","Izq");	// consecutivo
      // Verifica si el elemeto no se repite en el SELECT
      if (BuscaPlaza(la_plaza)){  
	   if (confirm("¿Deseas que la plaza [" + plaza_msg + "] sea cancelada")) 
		    opcion[6]="s"; // Cancela es Si
	     else 
		    opcion[6]="n"; // cancela es No
	 } 
      LaOpcion = new Option(la_plaza, opcion, false, false); document.frmVolante.PlazaMov.options[document.frmVolante.PlazaMov.length] = LaOpcion;
 }
lo que deseo es que cuando el Usuario diga que si, ese elemento del SELECT se coloree de azul y cuando diga que no, se coloree de rojo, se que los elementos de un select pueden tener estilos poniendo la etiqueta CLASS en cada OPTION, pero ¿como lo hago con JavaScript?

Agradeceria mucho su ayuda
  #2 (permalink)  
Antiguo 13/10/2006, 08:05
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola molig

Puedes cambiar la clase de un option con:

Código:
document.frmVolante.PlazaMov.options[0].className = 'tuclase';
También puedes cambiar el color:

Código:
document.frmVolante.PlazaMov.options[0].style.color = 'red';
Saludos,
  #3 (permalink)  
Antiguo 13/10/2006, 08:22
Avatar de molig  
Fecha de Ingreso: septiembre-2006
Ubicación: Acapulco
Mensajes: 50
Antigüedad: 17 años, 7 meses
Puntos: 15
De acuerdo gracias

thanks JavierB ya me funciono
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 17:42.