Buenas, nose mucho de exlicarme, lo que quiero lograr es lo siguiente.
Teniendo una tabla. digamos.
Código:
<table id="Tabla">
<tr>
<td style="background-color:red">Rojo</td>
<td style="background-color:blue">Azul</td>
<tr>
<td style="background-color:green">verde</td>
<td style="background-color:yellow">amarillo</td>
</tr>
</table>
y utilizando (dejese el onload de lado por momento)
Código:
<body onload="CreaLista();" onclick="PoblarLista(this)">
1º Quiero crear una funcion que pueda detectar el elemento que me devuelve "this" y saber si se hizo click en una <TD></TD>. para luego detectar que color de fondo tiene INLINE (style="background-color:red").
2º Como puedo este color cargarlo a una lista SELECT. Digamos que cargo una opcion OPTION con texto y id = BLUE. (la lista se va completando con los colores clickeados en la tabla, por el momento no importa que se repitan).
Mi Script es:
Código:
<script language= "javascript">
function CreaLista ()
{
oSelect = document.createElement('SELECT');
oSelect.id = "combo";
op = document.createElement("OPTION");
op.value = '99';
op.text = 'Seleccione un color del cuadro';
op.selected = true;
oSelect .options[0] = op;
document.body.appendChild(oSelect);
oSelect.attachEvent('onchange', function() {ColorFondo('combo');});
}
function PoblarLista (idCbo)
{
alert ("Llamó bien a la funcion al hacer click");
}
function ColorFondo(idCbo)
{
}
</script>
3º Por ultimo al seleccionar una opcion (BLUE), cambie el color de fondo de la WEB a color seleccionado (BLUE).