Butacas de una sala de cine

[Oscar1]

Hola a todos.

Antes de nada me gustaría comentar que he buscado por todos lados y no he encontrado lo que necesito, seguramente porque no se lo que necesito.

Estoy elaborando un proyecto del final del 2º curso de ciclo medio de Formación Profesional de Explotacion de redes y Sistemas Informaticos. Decidí hacerlo sobre una página web de gestion de ventas de entradas de cine online.

Durante el transcurso de este proyecto he visitado este foro en tropocientas ocasiones y de no ser por este foro no se que hubiera hecho. Asi que antes de nada quiero agredecer a todas las personas que contribuyen en este foro.

Bien,

pues tengo una tabla, en php, que me dibuja las butacas de cine:

Código PHP:

<table border="0" align="left">
                    
    <?php
                
    // Dibujar la tabla
                                                
    // Definición de constantes
    define("iniCol", 12);
    define("fiCol", 1);
    define("iniFil", 10);
    define("fiFil", 0);
                        
    // Bucle para dibujar la tabla
    // Filas
    for($i = iniFil; $i >= fiFil; $i--){
        if ($i == 0){
        echo '<tr><td><a></a></td>';
    } else {
        echo '<tr><td><a>' . $i . '</a></td>';
    }
    
        // Columnas                     
    for($x = iniCol; $x >= fiCol; $x--){
        // Pasar variables de PHP a Javascript  
        echo '<script languaje="JavaScript">
            var fila="' . $i . '";
            var colum="' . $x . '";
            mostrarFilaColum(fila, colum);
            alert (\'Fila: \' + fila + \'. Columna: \' + colum);
        </script>';
        if ($i == 0){
            echo '<td align="center" name="fila:$i;colum:$x">' . $x . '</td>';
        } elseif ($i == 5 && $x == 3){
            echo '<td align="center" name="fila:$i;colum:$x">fila: 5, colum: 3</td>';
        } else {
                                    
            //$fila[$i] = $i;
            //$colum[$x] = $x;
                                    
            echo '<td class="color" align="center" name="fila:' . $i . ';colum:' . $x . '" 
                                    onclick="javascript:mostrarFilaColum(fila, colum);">
            <a href="fila:' . $i . ';colum:' . $x . '">
                            <img id="img" src="http://www.forosdelweb.com/img/seientTrans.png"/>
            </a>
 
            </td>';
            echo '<input name="' . $i . '" type="hidden" value="' . $i . '" />';
            echo '<input name="' . $x . '" type="hidden" value="' . $x . '" />';
            }
    }
    echo "</tr>";
    }
                        
    ?>
    </table>
 

Imagen del código anterior:



(Hay varias lineas que las tengo de prueba)

1r Problema:

Quiero hacer que al pulsar en un td (una celda) se cambie la imagen que hay (butaca transparente) por otra imagen (butaca verde) y al volver a pulsar se ponga como antes (butaca transparente).


2o problema:

Como puedo hacer para identificar unívocamente cada una de las celdas (o butacas), para luego mediante PHP pueda decirle a la bdd que butacas son las que ha elegido el usuario.

A ver si alguien sabe como hacer para que cuando pulse en una butaca me aparezca un "alert" con el numero de fila y columna de esa butaca.


Lo he puesto en el apartado de JavaScript, porque creo que la solución sera en código Javas.

Sinceramente, no se como hacerlo, no se que poner en el evento onClick para que me pille variables diferentes segun la butaca.


Ojala me puedan ayudar.