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

ivansidor012 · #181

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

НиколаМастер · #182

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

Abay1 · #183

НиколаМастер писал(а): ↑
02.12.2023{, 20:03}
artemka19, viewtopic.php?f=202&t=7761&hilit=График ... 40#p118732
Скажите, этот блок не доступен, платный?

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

zemlyanin · #184

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

Abay1 · #185

zemlyanin писал(а): ↑
03.12.2023{, 00:25}
как из HTML кнопки отправить нужную цифру (1...255) в МК в параметры

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

zemlyanin · #186

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

СпойлерПоказать

Abay1 · #187

zemlyanin писал(а): ↑
03.12.2023{, 21:15}
Спойлер
Скрыть

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

СпойлерПоказать

Мы везде тут, Чайники!!!!!

cmept-27 · #188

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

00.zip: (4.72 МБ) 58 скачиваний

Abay1 · #189

cmept-27 писал(а): ↑
07.12.2023{, 11:32}
Мой старый проект, не полностью готовый.

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

zemlyanin · #190

Abay1 писал(а): ↑
04.12.2023{, 17:49}
zemlyanin! Если не в лом, поделитесь наработками, а не картинками!
Заранее признателен!
И не я один, надеюсь!

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

ivansidor012 · #191

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

проект

СпойлерПоказать

CraCk · #192

artemka19 писал(а): ↑
28.03.2022{, 20:55}
Удержание кнопки в веб-интерфейсе
viewtopic.php?t=7761&start=100#p113751

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

Goldln · #193

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

CraCk · #194

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

СпойлерПоказать

cmept-27 · #195

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

CraCk · #196

cmept-27 писал(а): ↑
22.03.2024{, 16:06}
нужно скрипты и высший пилотаж

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

CraCk · #197

DrScorpion86 писал(а): ↑
14.02.2022{, 09:09}
artemka19, cmept-27,
А я познал прелесть "структуры"
СпойлерПоказать
Без имени-2.jpg
artemka19, чуть сложнее, чем у вас, но уже не нужно разбирать строчку.
СпойлерПоказать
time__0004_Слой 1.jpgtime__0003_Слой 2.jpgtime__0002_Слой 3.jpgtime__0001_Слой 4.jpgtime__0000_Слой 5.jpg
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 · #198

CraCk,
там по 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 · #199

ivansidor012 писал(а): ↑
10.04.2024{, 17:01}
там по id идентификация вроде, попробуй клон создать добавив к id цифру 2

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

ivansidor012 · #200

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

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