Buonasera.
E' da ieri che sto sbattendo la testa contro un problema che non riesco a risolvere.
Sto provando a creare una pagina di prenotazione.
Ho una tabella, con le disponibilità degli orari. In ogni cella disponibile c'è un bottone che l'utente userà per prenotarsi.
E' possibile cliccare solo bottoni di orari contigui.
Devo poi passare tutte le informazioni di prenotazione scelte ad una pagina di riepilogo.
Per avere un'idea vi lascio questo:
Questo è il codice (pulito da tutto il php che non interessa)
codice:
<table>
<thead>
<tr>
<th scope="col">#</th>
per ogni campo{
<th> Nome campo</th>
}
</tr>
</thead>
<tbody>
<?php
Per ogni orario{
<tr>
<th> OrarioInizio - OrarioFine </th>
per ogni campo{
if($matriceDisponibilita[$indiceCampo][$indiceOrario]){
<td style="background-color:red"> Prenotato </td>
} else {
<td>
<input type="button" value="Prenota ora!" onclick="prenota(this)" id="<?php printf("%02d",$indiceCampo+1); printf("%02d",$indiceOrario+1);">
</td>
}
}
}
</tr>
</tbody>
</table>
codice:
var arrayGlobale = new Array();
function prenota(button){ //cambia colore e aggiunge all'array
if(button.style.backgroundColor == ""){
button.style.backgroundColor = "#59EA3A";
arrayGlobale[arrayGlobale.length] = button.id;
} else {
button.style.backgroundColor = "";
arrayGlobale.splice(indexOf(button.id), 1);
}
}
function indexOf(elemento){
for(var i = 0; i < arrayGlobale.lenght; i++){
if(array[i] == elemento){
return i;
}
}
return -1;
}
Il problema è che non ho idea di come si faccia. Qualcuno può aiutarmi a passare l'arrayGlobale ad un'altra pagina "riepilogo"?
Grazie