Buongiorno a tutti, sto cercando di creare una griglia trasparente da sovrapporre ad un'immagine, per consentire di selezionare alcune celle della griglia
ed inviare tramite post ad una pagina che ne registrasse i dati su un db MySql.

Infine recuperare i dati inseriti per ricomporre la medesima griglia rendendo visibili i bordi delle celle a video.

Per la creazione della griglia avevo pensato a dei div

che si nidificano all'interno di un div contenitore

il tutto contenuto in un modulo con un pulsante di invio

1 problema mentre riesco con i css a rendere visibile la cella al passaggio del mouse
no riesco a rendere evidente il click sullo stesso, devo far cambiare la classe al div immagino con javascript ma non lo conosco

2 problemaCliccato il div devo trasferire il valoreal campo nascosto presente nel modulo per consentirmi di inviarlo al database

<div id="contenitore">
<div class="cella" id="a1"></div>
<div class="cella" id="a2"></div>
<div class="cella" id="a3"></div>
<div class="cella" id="a4"></div>
</div>