Как я могу закодировать план сидения, как в кинотеатре, но в данном случае он находится в автобусе.
Сиденья-это кнопка, и если вы нажмете на нее, она изменит цвет на красный, а если вы ее разожмете, она снова станет белой. (пожалуйста, помогите, извините за плохой английский) c#
Что я уже пробовал:
Я попытался скопировать коды дизайна с веб-сайта.
<div id="divSeatPlan"><a href="#!" class="btn-seat seat-crew" data-seat-no="1"><span>1</span></a> <a href="#!" class="btn-seat seat-crew" data-seat-no="2"><span>2</span></a> <div class="spacing"></div> <a href="#!" class="btn-seat seat-booked" data-seat-no="3"><span>3</span></a> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="4"><span>4</span></a> <a href="#!" class="btn-seat" data-seat-no="5"><span>5</span></a> <div class="spacing"></div> <a href="#!" class="btn-seat" data-seat-no="6"><span>6</span></a> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="7"><span>7</span></a> <a href="#!" class="btn-seat" data-seat-no="8"><span>8</span></a> <div class="spacing"></div> <a href="#!" class="btn-seat" data-seat-no="9"><span>9</span></a> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="10"><span>10</span></a> <a href="#!" class="btn-seat" data-seat-no="11"><span>11</span></a> <div class="spacing"></div> <a href="#!" class="btn-seat" data-seat-no="12"><span>12</span></a> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="13"><span>13</span></a> <a href="#!" class="btn-seat" data-seat-no="14"><span>14</span></a> <div class="spacing"></div> <div class="spacing"></div> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="15"><span>15</span></a> <a href="#!" class="btn-seat" data-seat-no="16"><span>16</span></a> <div class="spacing"></div> <div class="spacing"></div> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="17"><span>17</span></a> <a href="#!" class="btn-seat" data-seat-no="18"><span>18</span></a> <div class="spacing"></div> <a href="#!" class="btn-seat" data-seat-no="19"><span>19</span></a> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="20"><span>20</span></a> <a href="#!" class="btn-seat" data-seat-no="21"><span>21</span></a> <div class="spacing"></div> <a href="#!" class="btn-seat" data-seat-no="22"><span>22</span></a> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="23"><span>23</span></a> <a href="#!" class="btn-seat" data-seat-no="24"><span>24</span></a> <div class="spacing"></div> <a href="#!" class="btn-seat" data-seat-no="25"><span>25</span></a> <div class="spacing"></div> <br><a href="#!" class="btn-seat" data-seat-no="26"><span>26</span></a> <a href="#!" class="btn-seat" data-seat-no="27"><span>27</span></a> <a href="#!" class="btn-seat" data-seat-no="28"><span>28</span></a> <a href="#!" class="btn-seat" data-seat-no="29"><span>29</span></a> <div class="spacing"></div> <br><div class="spacing"></div> <div class="spacing"></div> <div class="spacing"></div> <div class="spacing"></div> <div class="spacing"></div> <br></div>
Вот код плана сиденья