Hola, tengo esta funcion que sirve para ver distintos colores en un recuadro segun lo rellenado en un formulario:
function colorea(){
if (document.all){
nuevoc = "#" + document.frgb.rojo.value + document.frgb.verde.value + document.frgb.azul.value;
document.all["visual"].style.background = nuevoc;
}
else if (document.layers){
nuevoc ="#" + document.frgb.rojo.options[document.frgb.rojo.selectedIndex].value + document.frgb.verde.options[document.frgb.verde.selectedIndex].value + document.frgb.azul.options[document.frgb.azul.selectedIndex].value
document.visual.document.bgColor = nuevoc;
}
}
Y los datos se los pasa a través de un formulario del siguiente tipo:
<form name="frgb">
<table border="0" cellpadding="6" style="border-collapse: collapse" bordercolor="#111111" cellspacing="0">
<tr>
<td align="center">
<font face="arial" size="3" color="#FF0000"><strong>COMPONENTE
R<br />
(ROJO)<br />
<select name="rojo">
<option value="00">00</option>
<option value="33">33</option>
<option value="66">66</option>
<option value="99">99</option>
<option value="CC">CC</option>
<option value="FF" selected>FF</option>
</select> </strong></font></td>
<td align="center">
<font face="arial" size="3" color="#00FF00"><strong>COMPONENTE
G<br />
(VERDE)<br />
<select name="verde">
<option value="00">00</option>
<option value="33">33</option>
<option value="66">66</option>
<option value="99">99</option>
<option value="CC">CC</option>
<option value="FF" selected>FF</option>
</select> </strong></font></td>
<td align="center">
<font face="arial" size="3" color="#0000FF"><strong>COMPONENTE
B<br />
(AZUL)<br />
<select name="azul">
<option value="00">00</option>
<option value="33">33</option>
<option value="66">66</option>
<option value="99">99</option>
<option value="CC">CC</option>
<option value="FF" selected>FF</option>
</select> </strong></font></td>
</tr>
</table>
<table border="0" width="437">
<tr>
<td width="272" align="left">
<input type="button" value="Haz click para ver el resultado" onclick="colorea()" />
<br />
</td>
<td width="71">
<div id="visual" style="border-style:solid; border-width:1; position:relative; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; top:0px left0px; width:100px">
<font size="3" face="arial"><center></font>
<p><font size="3" face="arial"><br />
Resultado<br />
<br />
</font></p>
</center>
</div>
</td>
</tr>
</table>
</form>
y quiero que la tabla id="visual" se vea del color formado por los números que le indico (es un script que me baje de una página). El problema es que me funciona en explorer y en netscape, pero no en firefox. Que tendría que retocar o añadir para que me funcionase en firefox?
Gracias!