| Hottsb | 03.12.2014 12:02 |
Помогите отредактировать Web-сервер на Arduino
Всем добрый день!
Столкнулся с небольшой трудностью в создании Web странички на Arduino, т.к. познания в JavaScript и HTML не велики. Вобщем задача такая, вывести на web страничку 4 TrackBar (ползунка), и подцепить к ним глобальные переменные, которые бы управляли яркостью светодиодов подключённых к Arduino. Всё бы хорошо, но как только я перемещаю ползунок и отправляю данные на Arduino, он сразу сбрасывается и устанавливается в 0, вот хочется как то задать переменные "value" чтобы они сохраняли позицию ползунка. И ещё чтобы отправлять запрос на дуинку мне требуется нажимать кнопку отправить, а возможно ли чтобы при изменении ползунка, данные отправлялся автоматический, мне знакомый сказал это можно сделать на JavaScript, ранее я использовал только HTML, вот что я имею сейчас:
Вот что мы имеем на страничке:
Столкнулся с небольшой трудностью в создании Web странички на Arduino, т.к. познания в JavaScript и HTML не велики. Вобщем задача такая, вывести на web страничку 4 TrackBar (ползунка), и подцепить к ним глобальные переменные, которые бы управляли яркостью светодиодов подключённых к Arduino. Всё бы хорошо, но как только я перемещаю ползунок и отправляю данные на Arduino, он сразу сбрасывается и устанавливается в 0, вот хочется как то задать переменные "value" чтобы они сохраняли позицию ползунка. И ещё чтобы отправлять запрос на дуинку мне требуется нажимать кнопку отправить, а возможно ли чтобы при изменении ползунка, данные отправлялся автоматический, мне знакомый сказал это можно сделать на JavaScript, ранее я использовал только HTML, вот что я имею сейчас:
Код:
bfill.emit_p(PSTR(
"<title>Яркость</title>"
"<meta http-equiv='content-type' content='text/html; charset=UTF-8'/>"
"<p>тестирование</p>"
"<form action='led1'>"
"<input type='range' name='y' min ='0' max='255' step ='5' value ='n[1]'/> <input type='submit' value = 'LED1'/>"
"</form>"
"<form action='led2'>"
"<input type='range' name='y' min ='0' max='255' step ='5' value ='n[2]'/> <input type='submit' value = 'LED2'/>"
"</form>"
"<form action='led3'>"
"<input type='range' name='y' min ='0' max='255' step ='5' value ='n[3]'/> <input type='submit' value = 'LED3'/>"
"</form>"
"<form action='led4'>"
"<input type='range' name='y' min ='0' max='255' step ='5' value ='n[4]'/> <input type='submit' value = 'LED4' />"
"</form>"
));