Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/10/2009, 10:19
ca23sere
 
Fecha de Ingreso: octubre-2009
Mensajes: 32
Antigüedad: 14 años, 6 meses
Puntos: 2
css en lista/menu HTML, apariencia del valor seleccionado

Hola a todos. Bueno, tengo el siguiente inconveniente. Lo resumo al meollo del asunto. Tengo una lista HTML con 4 opciones (DISPONIBLE, NO DISPONIBLE, etc.), cada opción tiene el valor selected si en la base de datos esa es la opción. a su vez, cuando se envía el form se actualiza la base de datos, osea que es a la vez una consulta y un formulario de actualización. La cosa es que lo que no puedo hacer de ninguna manera con css es que la opción que tenga el valor selected "DISPONIBLE" tenga las letras rojas y en negrita.

Este es la lista que tengo:

Código PHP:
<label>
          <select name="1" id="lista" >
          <option   <?php if ($id[$l]['disponibilidad']=="NO DISPONIBLE") {echo "SELECTED";}; ?>>NO DISPONIBLE</option>
          <option <?php if ($id[$l]['disponibilidad']=="DISPONIBLE") {echo "SELECTED";}; ?>>DISPONIBLE</option>
          <option    <?php if ($id[$l]['disponibilidad']=="TEMPORALMENTE DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE DISPONIBLE</option>
          <option    <?php if ($id[$l++]['disponibilidad']=="TEMPORALMENTE NO DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE NO DISPONIBLE</option>
        </select>
     
      </label>
Y algo de lo que intenté es:

Código PHP:
<label>
          <select name="1" id="lista" >
          <option   <?php if ($id[$l]['disponibilidad']=="NO DISPONIBLE") {echo "SELECTED";}; ?>>NO DISPONIBLE</option>
          <option  <?php if ($id[$l]['disponibilidad']=="DISPONIBLE") {echo "SELECTED [HIGHLIGHT="#FFEAEA"]class='selec'[/HIGHLIGHT]";}; ?>>DISPONIBLE</option>
          <option    <?php if ($id[$l]['disponibilidad']=="TEMPORALMENTE DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE DISPONIBLE</option>
          <option    <?php if ($id[$l++]['disponibilidad']=="TEMPORALMENTE NO DISPONIBLE") {echo "SELECTED";}; ?>>TEMPORALMENTE NO DISPONIBLE</option>
        </select>
     
      </label>
donde creo una regla css del tipo .selec {font-weight:bold; color:#elcolor;}

pero esto no funciona, alguien tiene una idea o algo?

No puede ser con Javascript porque en realidad tengo 2550 listas mas o menos iguales.

Última edición por ca23sere; 23/10/2009 a las 10:37