CODEIGNITER: Я хочу автоматически выбирать <таблицу> [закрыто] ⇐ Php

[Anonymous]

На этой схеме мое расположение сидений.

ВИД:

Код: Выделить всё

Seating Diagram


1


  



2
3
  
  
4
5
  
6
7
  
  
8
9


 


10

Это мой сценарий, и я не знаю, является ли мой сценарий причиной того, что выбор не выполняется автоматически.

Код: Выделить всё

document.addEventListener('DOMContentLoaded', function() {
const sitNumbers = ;
const cells = document.querySelectorAll('#seatsDiagram2 td');

cells.forEach(cell =>  {
const name = cell.getAttribute('data-name');
if (sitNumbers.includes(name)) {
cell.classList.add('selected');
}
});
});

Это КОНТРОЛЛЕР:

Код: Выделить всё

    $this->load->model('ProjectModel');
$data['sit_numbers'] = $this->ProjectModel->get_sit_numbers();
$this->load->view('project_view', $data);

Это МОДЕЛЬ:

Код: Выделить всё

    $sql = "SELECT * FROM `project`";
$query=$this->db->query($sql);
$result = $query->result();

Или, может быть, я забыл что-то добавить сюда, чтобы показать выбранную таблицу.

Это CSS:

Код: Выделить всё

#seatsDiagram2 td,
#displaySeats2 td{
padding: 1rem;
text-align: center;
margin: 0.1rem;
height: 57px;
width: 60px;
border: 3px solid transparent;
display: inline-block;
background-color: #efefef;
border-radius: 4px;
margin-inline-start: 4px;
cursor: pointer;
}

#displaySeats2{
margin: 3rem auto 1rem auto;
}

#seatsDiagram2{
width: 100%;
margin-bottom: 1rem;
;
border: 1px solid gray;
}

#seatsDiagram2  td.selected{
background-color: yellowgreen;
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
animation-duration: 300ms;
animation-fill-mode: both;
}

#seatsDiagram2 td.notAvailable,
#displaySeats2 td.notAvailable
{
color: white;
background-color: #db2619;
}

#seatsDiagram2 td:not(.space,.notAvailable):hover{
cursor: pointer;
border-color:yellowgreen;
}

#seatsDiagram2 .space,
#displaySeats2 .space{
background-color: white;
border: none;
}

введите здесь описание изображения
Это то, что я хочу увидеть (проверьте изображение), и это бронирование с расположением столов, а затем образец — клиент уже зарезервировал номер стола и уже сохранено в базе данных, если я посмотрю ее бронирование, выбранная таблица будет показана выбранной на диаграмме.

Подробнее здесь: https://stackoverflow.com/questions/787 ... -the-table