Teniendo una tabla. digamos.
Código:
y utilizando (dejese el onload de lado por momento)<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>
Código:
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").<body onload="CreaLista();" onclick="PoblarLista(this)">
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).