Как я могу захватить выбранное значение div для создаваемой мной системы бронирования кинотеатров
Я создаю систему бронирования театров. Я сталкиваюсь с проблемами выбора и сохранения мест с помощью плана сидений.
<!DOCTYPE html>
в <html-код Ланг="Ан" атрибутов xmlns="http://www.w3.org/1999/xhtml"&ГТ;
<голова>
<meta charset="utf-8" />
в <название&ГТ;&ЛТ;/название&ГТ;
<стиль>
.сиденье {
высота: 20px;
ширина: 20px;
граница: 1px сплошной серый цвет;
курсор:указатель;
цвет фона:белый;
}
.идти{
отступ-слева:20px;
}
#водитель {
цвет фона:серый;
высота: 20px;
граница-радиус: 50%;
}
</стиль>
</head>
<тело>
<div style="border:1px solid gray; width:130px;">
<Таблица>
<tr>
&ЛТ;тд атрибуты colspan="4"&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд выровняйте="право"&ГТ; &ЛТ;див ИД="водитель"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
<tr>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ; &ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
<td class="прогулка"> </td>
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
&ЛТ;тд&ГТ;&ЛТ;див класс="сиденья"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/тд&ГТ;
</tr>
</Таблица>
</div>
<скрипт>
allSeats = документ.querySelectorAll('.seat');
for (var i = 0; i < allSeats.длина; i++) {
var seat = все сиденья[i];
seat.addEventListener('click', функция () {
ВАР bgclr = это.стиль.фон;
if(bgclr =='красный')
this.style.backgroundColor = 'белый'
еще
this.style.backgroundColor = 'красный'
отладчик
}, ложный);
}
</script>
</body>
</html>
Что я уже пробовал:
Я попытался сделать div runat="сервер" . Я получил ссылку на использование скрытого поля, но не смог его использовать. Я не могу понять, как захватить выбранные значения div в режиме реального времени и захватить его в asp.net(vb). Как только я получу значения в строковом формате или через метку, rest database я могу легко это сделать.
Я использую asp.net использование vb.net
Быстрый ответ был бы весьма признателен.
Спасибо
Наташа
A_Griffin
Но дивы не имеют в себе никаких ценностей? Но простой this.innerHTML в том же (или другом) прослушивателе даст любое значение, которое вы в него вложите, и вы можете отправить его универсальному обработчику (.ashx) через AJAX-вызов для обработки.
Natasha Singh Delhi
Если я присвою этому div значение типа: div id="xyz" runat="server", то также как действовать дальше
A_Griffin
Я не знаю, зачем тебе это нужно. Это не поможет вам захватить что-либо в реальном времени. Но, боюсь, не совсем ясно, что вы пытаетесь сделать.
Natasha Singh Delhi
Я просто пытаюсь поместить номера мест во все дивы и захватить их, когда кто-нибудь выберет them....is есть ли более простой способ сделать это ??
A_Griffin
Хорошо, тогда запишите номера сидений - их нет в вашем коде. Как вы это сделаете, зависит только от вас. Но тогда вы можете захватить, когда люди нажимают на ячейку, точно так же, как вы это сделали, и в то же время, когда вы делаете ее красной, вы можете использовать что-то вроде var seatNo = this.innerHTML, который затем будет = любое число в этой ячейке. Затем вы можете использовать это так, как вы хотите.
Natasha Singh Delhi
Проведя некоторые исследования я пришел к выводу сделать что то вроде этого
див функция onclick="документ.метода getElementById('&л;%=HiddenField1.Идентификатора ClientID%&ГТ;').значение;" атрибут runat="сервер" идентификатор="див1" класс="сиденья"&ГТ;МР див
как я могу захватить это значение на стороне сервера ... или что я должен написать на onclick = "????"
A_Griffin
Но у вас уже есть рабочий код для записи номера места - зачем его менять? Просто добавить
ВАР seatNumber = это.innerHTML будет
после строки: this.style.backgroundColor = 'red'
Что вы будете с ним делать, зависит только от вас. Передайте его универсальному обработчику через AJAX или перенаправьте пользователя на другую страницу....
Natasha Singh Delhi
не могу этого сделать :( :(
не могли бы вы дать мне полные коды
A_Griffin
Нет, не могу. Отчасти потому, что я недостаточно знаю о вашем проекте, а отчасти потому, что здесь все не так. Никто не собирается писать для вас "полный код", особенно здесь, в разделе "быстрые ответы". Это для конкретных ответов на конкретные вопросы. Вы должны провести некоторое исследование и попробовать, а затем спросить, есть ли у вас вопрос по одному пункту.
Natasha Singh Delhi
хорошо, просто скажите мне, как я могу передать значение innerhtml из атрибута onclick на сервер side....my проблема будет решена
A_Griffin
Ну, я уже говорил вам, как его захватить - теперь вы можете передать его универсальному обработчику (странице .ashx) с помощью AJAX. jQuery может помочь вам с последним.