Butacas de una sala de cine

[Oscar1]

Iniciado por _cronos

Les tendrías que colocar el evento onclick a las celdas con las butacas. P. ej:
<td onclick='fondo()'></td>

Código Javascript:

<script type='text/javascript'>
 var fondo = 0; //incializas la variable fondo a 0
function fondo(){
 var fondo++; //cada vez que haganclick la aumentas
 if (fondo&#37;2 != 0){ //si es impar, el resto no será cero al dividirlo entre 2
  this.style.backgroundColor = '#0000FF';//creo que el verde es así
 }else{
  this.style.backgroundColor = '#FFFFFF';//en blanco
 }
}
</script>
 

Lo de que ponerlo solo en 0 y en 1 también puedes hacerlo pero ya es más 'rebuscado' para mí. Lo que si que no entendí fue lo de 0, 1 y 2. ¿Para qué quieres 3 valores? Si hubiera 3 colores de fondo sí pero sino con 2 te vale.
Saludos (:

Lo de los 3 colores es porque quiero poner el verde para que se vea la eleccion del usuario (del asiento), el transparente no esta escogido (el asiento) y el rojo para asiento ocupado.

Bueno 2 cosas sobre el codigo anterior:

1a: no se si a mi no me funciona bien el PC o el codigo esta mal. Si pongo <td onclick='fondo()'></td> y en la funcion pongo this.sty.... no funciona. Tengo que hacerlo asi:

<td onclick='fondo(this)'></td>
function fondo(hola){
hola.style.backgroundColor = '#0000FF';//creo que el verde es así

2a: es muy sencillo el código por lo tanto me encanta, pero... no me sirve para nada, de hecho solo serviria en el caso de tener una sola celda. Porque vamos a poner un ejemplo con 2 celdas:

haces clic en la 1º celda y la variable fondo se incrementa en 1 (fondo = 1) por lo tanto pongamos que se pone de color blanco, si ahora pulsamos en la celda 2 (fondo = 2) la celda se pondria de color verde. Y yo no quiero que el hecho de que haya pulsado con anterioridad una celda me afecte a la siguiente elección.

De todas maneras muchas gracias porque sin tu código no hubiera sacado esto:

Código HTML:

<td id="celda" align="center" onclick="cambiarFondo(this);>
 

Código PHP:

function cambiarFondo(celda){
                
    if (celda.style.backgroundColor == "LawnGreen"){
        celda.style.backgroundColor = "transparent"
    }else{
        celda.style.backgroundColor = "LawnGreen"
    }
  }
 

A ver si entra Adler y me ayuda jeje