Hola Amigos del foro espero me puedan colaborar, tengo el siguiente codigo:
Código php:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="javascript" type="text/javascript">
function ilumina(celda){
if (celda.style.backgroundColor=="yellow")
{
celda.style.backgroundColor="green";
}
else
{
celda.style.backgroundColor="yellow";
}
}
</SCRIPT>
</head>
<body>
<table border="1" width="50%">
<tr>
<td bgcolor="green" onclick="ilumina(this)"> </td>
<td bgcolor="green" onclick="ilumina(this)"> </td>
<td bgcolor="green" onclick="ilumina(this)"> </td>
<td bgcolor="green" onclick="ilumina(this)"> </td>
</tr>
<tr>
<td bgcolor="yellow" onclick="ilumina(this)"> </td>
<td bgcolor="yellow" onclick="ilumina(this)"> </td>
<td bgcolor="yellow" onclick="ilumina(this)"> </td>
<td bgcolor="yellow" onclick="ilumina(this)"> </td>
</tr>
</table>
</body>
</html>
La idea es que al dar click sobre cualquiera de las celdas me cambie el color de fondo. Es decir de Amarillo a Verde y de Verde a Amarillo.
El Problema radica en que las celdas Amarillas inicialmente no cambian a Verde en el primer clickeo asi que necesita de 2. Aclaro al inicio del aplicativo y solo la primer vez, a diferencia de las verdes que si cambian en el primer click.
Creo que el problema tiene que ver en la forma en que declar los background ya que en la celda los delaro como bgcolor mientras que en el "if de la funcion javascript" los comparo como: "style.backgroundColor", ya he intentado de varias maneras pero aun no comprendo como hacerlo.
De antemano agradezco su colaboración.