Яркость убирается фоновой картинкой. Сейчас главное придумать как ограничить вывод лога в область экрана ,допустим 600 х 400 пикселей с прокруткой. А то он сейчас тупо растет вниз. Нашел многостраничный вариант на 10 -20 записей, но на PHP.
Длинный текстовый файл без проблем вставляется , а вот *.csv не катит...
AMS примеры готовых решений
Модератор: Alex
Re: AMS примеры готовых решений
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
-
alexsis_76
- Сообщения: 792
- Зарегистрирован: Пт янв 22, 2016 10:08 am
Re: AMS примеры готовых решений
ТАКОЙ НЕ ПОДОЙДЕТ
SPOILERSPOILER_SHOW
- Безымянный.jpg (279.74 КБ) 10179 просмотров
Re: AMS примеры готовых решений
Самое то ! Вот только рамки тяжеловато смотрятся. Проверить смогу через пару дней. И в коде лучше предусмотреть прозрачный фон для лога ( ну или где это все поменять ).
И Alexsis_76, прячь картинки под спойлер - на планшете не могу читать сообщения из-за очень мелкого шрифта. Нет стекла и не могу увеличить масштаб ((.
И Alexsis_76, прячь картинки под спойлер - на планшете не могу читать сообщения из-за очень мелкого шрифта. Нет стекла и не могу увеличить масштаб ((.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
-
alexsis_76
- Сообщения: 792
- Зарегистрирован: Пт янв 22, 2016 10:08 am
Re: AMS примеры готовых решений
пока на больничном можно поэкспериментировать,еще один
есть анимация
при нажатии на кнопку плавно появляется
при нажатии на другую так же исчезает.на скрине изображен процесс исчезания
файлы которые надо заменить оформление регулируется в файле style.css
размеры привязаны к размерам рабочей области монитора поэтому на разных мониторах будет выглядеть по разному
SPOILERSPOILER_SHOW
- Безымянный.jpg (251.42 КБ) 10152 просмотра
при нажатии на кнопку плавно появляется
при нажатии на другую так же исчезает.на скрине изображен процесс исчезания
файлы которые надо заменить оформление регулируется в файле style.css
размеры привязаны к размерам рабочей области монитора поэтому на разных мониторах будет выглядеть по разному
Re: AMS примеры готовых решений
Код еще не заливал . Сегодня событий не было и при попытке открыть файл получил " Error. Connectoin: close ". Если быть не в курсе , то можно испугаться. А нельзя вместо этого сделать надпись - Нет событий , соединение закрыто ?. И похоже каждый день создается новый файл.
Не в тему. Сегодня включил ESP32.
Не в тему. Сегодня включил ESP32.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Re: AMS примеры готовых решений
Alexsis_76 , посмотри внимательно свой последний код. Кажется не хватает закрывающего Diva <div id="bor"> . Картинка не полностью грузится ( нет календаря ) , хотя браузер молчит .
Нашел. Скобку не вставил. И почему то календарь не вставился (((
Полную версию можешь выложить ?
SPOILERSPOILER_SHOW
Код: Выделить всё
<body>
<div id="bor"> // нет закрывающего дива
<h3>
<div id="title">Date : </div>
</h3>
<div><input type="text" name="date" class="tcal" value="" /></div // скобку не вставил
<form>
<button type='button' onclick="Get()">Show</button>
<button id="button_1">Hide</button>
</form>
<div id="time">00-00-00</div>
</div>
<div class="layer">
<div id="output"></div>
</div>
<br>
<footer>
</footer>
<script>
function Get(){
var value = $('.tcal').val();
$('#time').text(value);
jQuery.get(value+'.csv', function(data,status) {
$( ".layer" ).animate({
opacity: 1
}, 2000, function() {
;
});
data =processData(data);
});
}
$("#button_1").click(function(){
$(".layer").animate({
opacity: 0
}, 2000, function() {
;
});
});
</script>
</body>SPOILERSPOILER_SHOW
- Messages.jpg (163.85 КБ) 10043 просмотра
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
-
alexsis_76
- Сообщения: 792
- Зарегистрирован: Пт янв 22, 2016 10:08 am
Re: AMS примеры готовых решений
угу забыл положить календарик 
вот держи он там кстати написал про tcal.js
вот держи он там кстати написал про tcal.js
Re: AMS примеры готовых решений
Вот засада !!! В пределах месяца страница работает изумительно. А как переключить на прошлый месяц ??? Пару дней назад календарь видит и показывает, а дальше ?
Вроде разобрался.Если руками дату вбить ,то показывает. Супер ! Но как то не по феншую
.
А вообще этот календарь какая то стандартная прога ? Захотелось на полном экране увеличить её размер до четверти страницы.
Думаю, можно оформлять как законченную сборку.
Вроде разобрался.Если руками дату вбить ,то показывает. Супер ! Но как то не по феншую
.А вообще этот календарь какая то стандартная прога ? Захотелось на полном экране увеличить её размер до четверти страницы.
Думаю, можно оформлять как законченную сборку.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
-
alexsis_76
- Сообщения: 792
- Зарегистрирован: Пт янв 22, 2016 10:08 am
Re: AMS примеры готовых решений
tcal.jsА вообще этот календарь какая то стандартная прога
Вообще тысячи их(календарей)
Re: AMS примеры готовых решений
В файле tcal.css заменить путь и имена файлов:serghei писал(а):Вот засада !!! В пределах месяца страница работает изумительно. А как переключить на прошлый месяц ??? Пару дней назад календарь видит и показывает, а дальше ?
Вроде разобрался.Если руками дату вбить ,то показывает. Супер ! Но как то не по феншую
А вообще этот календарь какая то стандартная прога ? Захотелось на полном экране увеличить её размер до четверти страницы.
Думаю, можно оформлять как законченную сборку.
Код: Выделить всё
#tcalPrevYear { background-image: url('img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('img/next_mon.gif'); }
#tcalNextYear { background-image: url('img/next_year.gif'); } Код: Выделить всё
#tcalPrevYear { background-image: url('prevyear.gif'); }
#tcalPrevMonth { background-image: url('prevmon.gif'); }
#tcalNextMonth { background-image: url('nextmon.gif'); }
#tcalNextYear { background-image: url('nextyear.gif'); } Добавятся стрелочки для переключения месяца и года
- 44.JPG (31.75 КБ) 9927 просмотров
- Вложения
-
- cal.rar
- (9.33 КБ) 382 скачивания