Вывести данные на веб страницу

[SergeyShikal]

Здравствуйте, использую ESP8266 NodeMcu v3 нужно вывести в веб данные температуры и состояние реле, куда идти дальше, запутался.

Улей.flp

[Evgesha]

Попробуйте выведена дрлжна быть температура в вэб

Отправлено спустя 8 минут 35 секунд:
С этим уроком неознакамливались? По аналогии все создается только с пользовательскими параметрами.

https://m.habr.com/ru/company/flprog/blog/422053/

[SergeyShikal]

Попробуйте выведена дрлжна быть температура в вэб

Отправлено спустя 8 минут 35 секунд:
С этим уроком неознакамливались? По аналогии все создается только с пользовательскими параметрами.

https://m.habr.com/ru/company/flprog/blog/422053/

Спасибо, не попадалась эта страница.

[SergeyShikal]

Как изменить размер шрифта- шапка, подвал, кнопки получается, а показания нет, где искать?
[spoiler]

Безымянный.png

[/spoiler]

[Tehnics]

изменение размера шрифта

[SergeyShikal]

изменение размера шрифта

Спасибо, но не то,мне нужно то что ESP передает, там шрифт увеличить.

[Lukum]

В стиле нужно менять

[SergeyShikal]

В стиле нужно менять

Это понятно, ткните пальцем где?

[Lukum]

Попробуй подставить вот этот, скапируй стиль чуток правленый может подойдёт
viewtopic.php?f=137&t=5078

[Evgesha]

Если одна страничка то в общих стилях
[spoiler][/spoiler]

Попробуйте поиграть с этими параметрами

[spoiler] http://moneymaster.ru/site6.php
[/spoiler]

[spoiler]

Для изменения размера шрифта есть несколько способов.

Через теги <H1>.... <H6> или через параметр шрифта size
Например вот так

<H1>текст</H1> Выглядеть это будет так
текст
или вот так :
<H3>текст</H3> Выглядеть это будет так

текст
Тег <H> как вы поняли является парным. Используется обычно для выделения ЗАГОЛОВКОВ. При этом текст, выделенный тегом будет располагаться как абзац...как будто вы перед текстом и после поставили еще теги <br>. Т.е. текст заключенный в тег <H> будет написан с новой строки.

Само собой текст можно сделать еще и жирным и курсивом. Например вот так <b><i><H3>текст</H3></i></b>Выглядеть это будет так

текст
второй способ изменения размера шрифта

использование параметра в теге <font>

Вернемся к нашей страничке.

В коде страницы есть вот такой кусок

<font color="#0000FF"><b>я буду богатым и свободным человеком ! </b></font>

здесь с помощью тега <font> и параметра color мы задаем цвет текста.

А с помощью параметра size можно задать размер текста, например вот так

<font color="#0000FF" size="4"><b>я буду богатым и свободным человеком ! </b></font>

тогда текст на странице будет выглядеть так
я буду богатым и свободным человеком !

[/spoiler]

Отправлено спустя 10 часов 54 минуты 19 секунд:
[ref]SergeyShikal[/ref],

добрался до компа, если еще актуально, то в настройках вэб интерфейса в общем стиле в поле .content добавить строку
font-size:50px;

.content
{
float:right;
width:78%;
font-size:50px;
}

[spoiler]

шрифт.jpg

[/spoiler]

[Lukum]

А радио кнопки можно увеличить

2019-03-16-09-32-27.jpg

[SergeyShikal]

font-size:50px;

То что нужно, спасибо.

[SergeyShikal]

Собрал монитор пасеки, вывел в народмон, теперь перестало периодически заходить в админку через браузер при соединении комп-роутер- лан 75м- роутер-wifi-esp. если напрямую подключиться по wifi k esp то подключается и в админку заходит. Перезагрузка esp по питанию помогает но не надолго.

Улей_1.flp

[dizzyy]

а почему не модбас?

[SergeyShikal]

а почему не модбас?

Планшет не всегда под рукой и еще не дошел до него.

[dizzyy]

Планшет не всегда под рукой и еще не дошел до него.

ардуинка собирает даные, через 485 протокол передает по витой паре esp, а та уже через вайфай на комп, телефон или что удобнее по средством страници ..
я веду к тому что дешевле так получается

[SergeyShikal]

А у ардуино хватит ресурсов обработать 50 объектов одновременно? И что то слишком много проводов получается. В дальнейшем задумка убрать nodemcu и использовать esp-01 для каждого объекта.

[Cancertanly]

для таких забав есть онлайн редактор HTML

[Evgesha]

для таких забав есть онлайн редактор HTML

Ну и как им воспользоваться всвязке с flprog?

[Evgesha]

при установке параметра на вэб страницу типа ввода данных, шрифт по умолчанию не большой,
далее опишу как его увеличить, может кому понадобится, правда метод не много заморочен и вполне возможно, что так не правильно делать.
[spoiler]

поле ввода.jpg

[/spoiler]

чтобы увеличить необходимо в вэб интерфейсе, в общем стиле, добавить стиль произвольного названия "moskou" с параметрами необходимыми вам
[spoiler]

доб в общ стиль.jpg

[/spoiler]

далее указать в стиле самого параметра "moskou"
[spoiler]

стиль параметра.jpg

[/spoiler]

после этого компилируем, и в компилируемом скетче ищем строку

String _eSP8266SettingWebPageInputFieldVisualElement (String style, String label, String value, String name, String maxlength)
{
String result = _eSP8266SettingWebPageAllVisualElementsHeader (style, label);
result.concat("<input type=\"text\" name=\"");
result.concat(name);

и добавляем в нее class=\"moskou\"
result.concat("<input type=\"text\" class=\"moskou\" name=\"");
[spoiler]

class.jpg

[/spoiler]

после чего загружаем скетч
должно быть увеличено
[spoiler]

результ.jpg

[/spoiler]