AMS примеры готовых решений

Модератор: Alex

serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: AMS примеры готовых решений

Сообщение serghei » Вс май 28, 2017 6:40 pm

Яркость убирается фоновой картинкой. Сейчас главное придумать как ограничить вывод лога в область экрана ,допустим 600 х 400 пикселей с прокруткой. А то он сейчас тупо растет вниз. Нашел многостраничный вариант на 10 -20 записей, но на PHP.
Длинный текстовый файл без проблем вставляется , а вот *.csv не катит...
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
alexsis_76
Сообщения: 791
Зарегистрирован: Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: AMS примеры готовых решений

Сообщение alexsis_76 » Пн май 29, 2017 4:50 am

ТАКОЙ НЕ ПОДОЙДЕТ
СпойлерПоказать
Безымянный.jpg
Безымянный.jpg (279.74 КБ) 6649 просмотров
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: AMS примеры готовых решений

Сообщение serghei » Пн май 29, 2017 7:18 am

Самое то ! Вот только рамки тяжеловато смотрятся. Проверить смогу через пару дней. И в коде лучше предусмотреть прозрачный фон для лога ( ну или где это все поменять ).
И Alexsis_76, прячь картинки под спойлер - на планшете не могу читать сообщения из-за очень мелкого шрифта. Нет стекла и не могу увеличить масштаб ((.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
alexsis_76
Сообщения: 791
Зарегистрирован: Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: AMS примеры готовых решений

Сообщение alexsis_76 » Пн май 29, 2017 8:01 am

пока на больничном можно поэкспериментировать,еще один
СпойлерПоказать
Безымянный.jpg
Безымянный.jpg (251.42 КБ) 6622 просмотра
есть анимация
при нажатии на кнопку плавно появляется
при нажатии на другую так же исчезает.на скрине изображен процесс исчезания
файлы которые надо заменить
html-fileapi-master.7z
(1.73 КБ) 261 скачивание
оформление регулируется в файле style.css
размеры привязаны к размерам рабочей области монитора поэтому на разных мониторах будет выглядеть по разному
За это сообщение автора alexsis_76 поблагодарил:
serghei (Пн май 29, 2017 11:38 pm)
Рейтинг: 1.16%
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: AMS примеры готовых решений

Сообщение serghei » Пн май 29, 2017 11:38 pm

Код еще не заливал . Сегодня событий не было и при попытке открыть файл получил " Error. Connectoin: close ". Если быть не в курсе , то можно испугаться. А нельзя вместо этого сделать надпись - Нет событий , соединение закрыто ?. И похоже каждый день создается новый файл.
Не в тему. Сегодня включил ESP32.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: AMS примеры готовых решений

Сообщение serghei » Вт май 30, 2017 9:21 pm

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
Messages.jpg (163.85 КБ) 6513 просмотров
Полную версию можешь выложить ?
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
alexsis_76
Сообщения: 791
Зарегистрирован: Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: AMS примеры готовых решений

Сообщение alexsis_76 » Ср май 31, 2017 4:49 am

угу забыл положить календарик :D
вот держи
html-fileapi-master.7z
(32.99 КБ) 262 скачивания
он там кстати написал про tcal.js
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: AMS примеры готовых решений

Сообщение serghei » Чт июн 01, 2017 9:23 pm

Вот засада !!! В пределах месяца страница работает изумительно. А как переключить на прошлый месяц ??? Пару дней назад календарь видит и показывает, а дальше ?
Вроде разобрался.Если руками дату вбить ,то показывает. Супер ! Но как то не по феншую :lol: .
А вообще этот календарь какая то стандартная прога ? Захотелось на полном экране увеличить её размер до четверти страницы.
Думаю, можно оформлять как законченную сборку.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
alexsis_76
Сообщения: 791
Зарегистрирован: Пт янв 22, 2016 10:08 am
Благодарил (а): 6 раз
Поблагодарили: 63 раза

Re: AMS примеры готовых решений

Сообщение alexsis_76 » Пт июн 02, 2017 2:51 am

А вообще этот календарь какая то стандартная прога
tcal.js
Вообще тысячи их(календарей) :)
Аватара пользователя
ser009
Сообщения: 595
Зарегистрирован: Сб окт 13, 2012 9:55 am
Благодарил (а): 4 раза
Поблагодарили: 43 раза

Re: AMS примеры готовых решений

Сообщение ser009 » Пт июн 02, 2017 4:53 am

serghei писал(а):Вот засада !!! В пределах месяца страница работает изумительно. А как переключить на прошлый месяц ??? Пару дней назад календарь видит и показывает, а дальше ?
Вроде разобрался.Если руками дату вбить ,то показывает. Супер ! Но как то не по феншую :lol: .
А вообще этот календарь какая то стандартная прога ? Захотелось на полном экране увеличить её размер до четверти страницы.
Думаю, можно оформлять как законченную сборку.
В файле 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
44.JPG (31.75 КБ) 6397 просмотров
Вложения
cal.rar
(9.33 КБ) 265 скачиваний
Ответить