Begemotius
New member
Здравствуйте, имеется ESP8266 12-E Node mcu, начал осваивать программирование в Arduino IDE.
1. В примере AdvancedWebServer страница создается в виде html, но при копировании другого кода страницы в этот участок выскакивает ошибка, что неправильно кавычки расставлены, как понял IDE ругается что вместо ' должно быть " и наоборот, но по какому правилу меняется? Под спойлером пример кода, который не работает.
2. В примере GitHub - JhonControl/ESP8266-DS18B20-Google-Chart: test ESP8266 DS18B20 Google Charts страница создается с помощью другой формы записи, например из текста: sResponse2 += F("<BR>\n<div id=\"curve_chart\" style=\"width: 600px; height: 400px\"></div>");
зачем это так сделано, в чем разница между первым и вторым вариантом создания страницы?
3. Как передать значение из поля ввода по нажатию кнопки в переменную программы, чтобы обработать его?
нашел вот такой ответ: HTML form input to a string - Everything ESP8266 , но не понимаю как реализовать. С html не работал и пытаюсь разобраться на примерах, но что-то не выходит.
1. В примере AdvancedWebServer страница создается в виде html, но при копировании другого кода страницы в этот участок выскакивает ошибка, что неправильно кавычки расставлены, как понял IDE ругается что вместо ' должно быть " и наоборот, но по какому правилу меняется? Под спойлером пример кода, который не работает.
<html>
<head>
<scripttype="text/javascript"src="https://www.gstatic.com/charts/loader.js"></script>
<scripttype="text/javascript">
google.charts.load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart(){
var data = google.visualization.arrayToDataTable([
['Year','Sales','Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options ={
title:'Company Performance',
curveType:'function',
legend:{ position:'bottom'}
};
var chart =new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<divid="curve_chart"style="width:900px;height:500px"></div>
</body>
</html>
<head>
<scripttype="text/javascript"src="https://www.gstatic.com/charts/loader.js"></script>
<scripttype="text/javascript">
google.charts.load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart(){
var data = google.visualization.arrayToDataTable([
['Year','Sales','Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options ={
title:'Company Performance',
curveType:'function',
legend:{ position:'bottom'}
};
var chart =new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<divid="curve_chart"style="width:900px;height:500px"></div>
</body>
</html>
2. В примере GitHub - JhonControl/ESP8266-DS18B20-Google-Chart: test ESP8266 DS18B20 Google Charts страница создается с помощью другой формы записи, например из текста: sResponse2 += F("<BR>\n<div id=\"curve_chart\" style=\"width: 600px; height: 400px\"></div>");
зачем это так сделано, в чем разница между первым и вторым вариантом создания страницы?
3. Как передать значение из поля ввода по нажатию кнопки в переменную программы, чтобы обработать его?
нашел вот такой ответ: HTML form input to a string - Everything ESP8266 , но не понимаю как реализовать. С html не работал и пытаюсь разобраться на примерах, но что-то не выходит.
Последнее редактирование: