modificar css

[saseisa]

hola que tal a todos estoy haciendo pruebas con css y javascript, bueno mi duda es tengo 2 tablas 1 con 6 opciones en radiobutton y la otra es con 6 cantidades
quisiera saber si se puede es que si selecciono la primera opcion del radiobutton me cambie el color del primera cantidad en segunda tabla y asi para cada opcion

bueno no se si estoy metiendo este post aqui o lo trasladen al de css

saludos

[zerokilled]

buenas,
se me ocurre que depende de la estructura. segun lo que explicas, entiendo que son dos tablas separadas. si es asi, entonces debes usar javascript porque es a traves de interaccion del usuario. deberias presentar lo que tienes por el momento.

[saseisa]

pongo el codigo de las 2 tablas
tabla 1 donde tengo los radio

Código PHP:

  <table width="392" height="81"> 
        <tr> 
          <td width="126"><label> 
            <input type="radio" name="plan" value="100" id="plan_0" onclick="miplan(this.value)" /> 
            plan 100</label></td><td width="126"> 
              <label> 
                <input type="radio" name="plan" value="800" id="plan_3" onclick="miplan(this.value)" /> 
                plan 800</label></td><td width="116"><label> 
                  <input type="radio" name="plan" value="4000" id="plan_6" onclick="miplan(this.value)" /> 
                  plan 4000</label></td> 
            </tr> 
        <tr> 
          <td><label> 
            <input type="radio" name="plan" value="200" id="plan_1" onclick="miplan(this.value)"/> 
            plan 200</label></td><td><label> 
              <input type="radio" name="plan" value="1200" id="plan_4" onclick="miplan(this.value)"/> 
              plan 1200</label></td><td><label> 
                <input type="radio" name="plan" value="4001" id="plan_7" onclick="miplan(this.value)"/> 
                plan mas</label></td> 
        </tr> 
        <tr> 
          <td><label> 
            <input type="radio" name="plan" value="500" id="plan_2" onclick="miplan(this.value)"/> 
            plan 500</label></td><td><label> 
              <input type="radio" name="plan" value="2000" id="plan_5" onclick="miplan(this.value)"/> 
              plan 2000</label></td> 
        </tr> 
        <tr> 
           
        </tr> 
        <tr> 
           
        </tr> 
      </table>  
   

esta es la tabla 2 donde tengo los precios

Código PHP:

  <table width="408" border="0" align="center"> 
      <tr> 
        <td width="102" align="center" bgcolor="#009900">Plan de CFD</td> 
        <td width="102" align="center" bgcolor="#009900">Precio</td> 
        <td width="102" align="center" bgcolor="#009900">Plan de CFD</td> 
        <td width="84" align="center" bgcolor="#009900">Precio</td> 
        </tr> 
      <tr> 
        <td align="center"><div id="cien"> 100</div></td> 
        <td align="center"><div id="cien"> $ 498</div></td> 
        <td align="center" >1200</td> 
        <td align="center">$ 2792</td> 
        </tr> 
      <tr align="center"> 
        <td>200</td> 
        <td>$ 798</td> 
        <td>2000</td> 
        <td>$ 3742</td> 
        </tr> 
      <tr align="center"> 
        <td>500</td> 
        <td>$ 1796</td> 
        <td>4000</td> 
        <td>$ 5992</td> 
        </tr> 
      <tr> 
        <td align="center">800</td> 
        <td align="center">$ 2392</td> 
        <td colspan="2">&nbsp;</td> 
        </tr> 
    </table>  
   

y este es el codigo del js

Código:

function miplan(plan){
	document.write(plan);
	if(plan=='100'){document.cien.stylestyle.color:'#RED';}
}

[zerokilled]

personalmente pienso que lo tendras un poco complicado, especificamente debido a la estructura de la tabla. es decir, no hay forma que puedas usar un codigo genericamente simple y que lo puedas aplicar a cada elemento del radio con su respectivo dato. pero ojo, eso no quiere decir que no hay solucion. en tu caso la solucion consistiria en asignar un id a cada celda de la tabla. luego, en el evento deberias pasar por argumento los IDs de cada celda a la que corresponde con el radio. en esa funcion obtienes las referencias por id (document.getElementById) y cambias las propiedades css desde el objeto style. adicional, para simplificar la determinacion de los datos activos (o coloreados), deberias guardar cada referencia en variables para en caso posterior restaurar los colores a su estado original.