Шаблоны Оформления для Веб-Интерфейса

[ivansidor012]

[ref]zemlyanin[/ref], либо курить css , либо юзать альтернативные веб интерфейсы

[НиколаМастер]

[ref]artemka19[/ref], viewtopic.php?f=202&t=7761&hilit=График ... 40#p118732
Скажите, этот блок не доступен, платный?

[Abay1]

artemka19, viewtopic.php?f=202&t=7761&hilit=График ... 40#p118732
Скажите, этот блок не доступен, платный?

Мальченка "на задании" сейчас...
Здесь возьмите интересуемое!

[zemlyanin]

как из HTML кнопки отправить нужную цифру (1...255) в МК в параметры , как скрипт должен выглядеть? Поискал в примерах, похожего не нащёл для копирования. Ползунки, переключатели и выбор цвета сделать получается.
Можно конечно просто стандартные кнопки использовать, но я тут почесал репу и более 30 делать + индикаторы это сложновато и много пользовательских параметров. Можно очень сильно упростить код, использовав блоки "Byte>Bits" подавая "1" "2" "4" "8" "16"...

[Abay1]

как из HTML кнопки отправить нужную цифру (1...255) в МК в параметры

- может без кноп для ввода исходных данных обойтись?
"Поле ввода" на веб страничке создать, и из клавы вбивать в него "пальчиками", хоть до "4294967295"!
Типо так:

[zemlyanin]

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

есп умный доми.JPG

[/spoiler]

[Abay1]

Спойлер
Скрыть

zemlyanin! Если не в лом, поделитесь наработками, а не картинками!
Заранее признателен!
И не я один, надеюсь!
[spoiler]Мы везде тут, Чайники!!!!!
[/spoiler]

[cmept-27]

[ref]Abay1[/ref], На побалуйся. Мой старый проект, не полностью готовый. Может найдешь что полезное.

[Abay1]

Мой старый проект, не полностью готовый.

[ref]cmept-27[/ref], огромное спасибо!!! Очень интересная тема, и полезная (ноги экономит)!!!

[zemlyanin]

zemlyanin! Если не в лом, поделитесь наработками, а не картинками!
Заранее признателен!
И не я один, надеюсь!

хорошо ) проект пока не завершен, но в основном пока всё работае. Там связь через юарт ардуино и есп-01. и расширитель выходов для много реле)

[ivansidor012]

Captive Portal для штатного веб интерфейса.
Осуществляет переброс в браузер на страницу еспшки, при подключении к ее Точке Доступа.

проект
[spoiler]

[/spoiler]

[CraCk]

Удержание кнопки в веб-интерфейсе
viewtopic.php?t=7761&start=100#p113751

Как на таую кнопку вместо текста добавить картинку? Например такую [attachment=0]bell.png

[Goldln]

Здравствуйте, скиньте кто-нибудь график на веб . Или блок

[CraCk]

Здравствуйте. Может кто делал, или знает. Как создать: при выборе в выпадающем меню пункта, например "Таймер" появлялись одни поля для ввода, а выбрав например "Планировщик" другие поля ввода? Возможно создать стандартными средствами или нужно скрипты и высший пилотаж? Может другие веб конструкторы такое могут по умолчанию?
[spoiler]

Таймер.jpg

[/spoiler]

[cmept-27]

[ref]CraCk[/ref], нужно скрипты и высший пилотаж

[CraCk]

нужно скрипты и высший пилотаж

Может есть идеи как организовать такое меню как то по другому? И обойтись без выпадающего меню использую штатные средства.

[CraCk]

[ref]artemka19[/ref], [ref]cmept-27[/ref],
А я познал прелесть "структуры"
[spoiler]Без имени-2.jpg[/spoiler]

[ref]artemka19[/ref], чуть сложнее, чем у вас, но уже не нужно разбирать строчку.
[spoiler]time__0004_Слой 1.jpgtime__0003_Слой 2.jpgtime__0002_Слой 3.jpgtime__0001_Слой 4.jpgtime__0000_Слой 5.jpg[/spoiler]

HTML

Код: Выделить всё

<input type="datetime-local" id="dt">

JS

Код: Выделить всё

let daTi = document.querySelector('#dt');
daTi.addEventListener('change', dataTime);
function dataTime(){
    const v = {};
    let x = new Date(daTi.value);
    v.H = x.getHours().toString();
    v.M = x.getMinutes().toString();
    v.y = x.getFullYear().toString();
    v.m = (x.getMonth() + 1).toString();
    v.d = x.getDate().toString();
    sUH("dt",v);
    console.log(v);
};

///////////Обновил. Добавил, что бы при изменение в контроллере данные передавались в вэб.////////
Test_7_4_4_получение датыВремя.flp

А как добавить больше одной даты и времени на странице? Структуру создал, виджет добавил, а вот скрипт ни как немогу правильно изменить чтоб заработало.

[ivansidor012]

[ref]CraCk[/ref],
там по id идентификация вроде, попробуй клон создать добавив к id цифру 2

типа такого
let daTi2 = document.querySelector('#dt2');
daTi2.addEventListener('change', dataTime2);
function dataTime2(){
const v = {};
let x = new Date(daTi2.value);
v.H = x.getHours().toString();
v.M = x.getMinutes().toString();
v.y = x.getFullYear().toString();
v.m = (x.getMonth() + 1).toString();
v.d = x.getDate().toString();
sUH("dt",v);
console.log(v);
};

[CraCk]

там по id идентификация вроде, попробуй клон создать добавив к id цифру 2

Да теперь заработало. Только если таких скриптов будет с десяток. Web не загнется? Нашел что есть какой то querySelectorAll, то есть можно все сделать в одном скрипте добавляя только новые id. Возможно что то сделать для оптимизации скрипта в нашем случае?
https://ru.stackoverflow.com/questions/ ... 0%BA%D0%B5

[ivansidor012]

[ref]CraCk[/ref], для этого нужно переделать функцию dataTime() и передавать в нее необходимые id.

т.е. функция будет всего одна и вызывать и передавать в нее можно много раз.