Страница 3 из 7
Re: AMS примеры готовых решений
Добавлено: Вс май 28, 2017 6:40 pm
serghei
Яркость убирается фоновой картинкой. Сейчас главное придумать как ограничить вывод лога в область экрана ,допустим 600 х 400 пикселей с прокруткой. А то он сейчас тупо растет вниз. Нашел многостраничный вариант на 10 -20 записей, но на PHP.
Длинный текстовый файл без проблем вставляется , а вот *.csv не катит...
Re: AMS примеры готовых решений
Добавлено: Пн май 29, 2017 4:50 am
alexsis_76
ТАКОЙ НЕ ПОДОЙДЕТ
- Безымянный.jpg (279.74 КБ) 7064 просмотра
Re: AMS примеры готовых решений
Добавлено: Пн май 29, 2017 7:18 am
serghei
Самое то ! Вот только рамки тяжеловато смотрятся. Проверить смогу через пару дней. И в коде лучше предусмотреть прозрачный фон для лога ( ну или где это все поменять ).
И Alexsis_76, прячь картинки под спойлер - на планшете не могу читать сообщения из-за очень мелкого шрифта. Нет стекла и не могу увеличить масштаб ((.
Re: AMS примеры готовых решений
Добавлено: Пн май 29, 2017 8:01 am
alexsis_76
пока на больничном можно поэкспериментировать,еще один
- Безымянный.jpg (251.42 КБ) 7037 просмотров
есть анимация
при нажатии на кнопку плавно появляется
при нажатии на другую так же исчезает.на скрине изображен процесс исчезания
файлы которые надо заменить
оформление регулируется в файле style.css
размеры привязаны к размерам рабочей области монитора поэтому на разных мониторах будет выглядеть по разному
Re: AMS примеры готовых решений
Добавлено: Пн май 29, 2017 11:38 pm
serghei
Код еще не заливал . Сегодня событий не было и при попытке открыть файл получил " Error. Connectoin: close ". Если быть не в курсе , то можно испугаться. А нельзя вместо этого сделать надпись - Нет событий , соединение закрыто ?. И похоже каждый день создается новый файл.
Не в тему. Сегодня включил
ESP32.
Re: AMS примеры готовых решений
Добавлено: Вт май 30, 2017 9:21 pm
serghei
Alexsis_76 , посмотри внимательно свой последний код. Кажется не хватает закрывающего Diva <div id="bor"> . Картинка не полностью грузится ( нет календаря ) , хотя браузер молчит .
Код: Выделить всё
<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>
Нашел. Скобку не вставил. И почему то календарь не вставился (((
- Messages.jpg (163.85 КБ) 6928 просмотров
Полную версию можешь выложить ?
Re: AMS примеры готовых решений
Добавлено: Ср май 31, 2017 4:49 am
alexsis_76
угу забыл положить календарик
вот держи
он там кстати написал про tcal.js
Re: AMS примеры готовых решений
Добавлено: Чт июн 01, 2017 9:23 pm
serghei
Вот засада !!! В пределах месяца страница работает изумительно. А как переключить на прошлый месяц ??? Пару дней назад календарь видит и показывает, а дальше ?
Вроде разобрался.Если руками дату вбить ,то показывает. Супер ! Но как то не по феншую
.
А вообще этот календарь какая то стандартная прога ? Захотелось на полном экране увеличить её размер до четверти страницы.
Думаю, можно оформлять как законченную сборку.
Re: AMS примеры готовых решений
Добавлено: Пт июн 02, 2017 2:51 am
alexsis_76
А вообще этот календарь какая то стандартная прога
tcal.js
Вообще тысячи их(календарей)
Re: AMS примеры готовых решений
Добавлено: Пт июн 02, 2017 4:53 am
ser009
serghei писал(а):Вот засада !!! В пределах месяца страница работает изумительно. А как переключить на прошлый месяц ??? Пару дней назад календарь видит и показывает, а дальше ?
Вроде разобрался.Если руками дату вбить ,то показывает. Супер ! Но как то не по феншую
.
А вообще этот календарь какая то стандартная прога ? Захотелось на полном экране увеличить её размер до четверти страницы.
Думаю, можно оформлять как законченную сборку.
В файле tcal.css заменить путь и имена файлов:
Код: Выделить всё
#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 КБ) 6812 просмотров