визуализация данных

[alexsis_76]

Подправил твой код
библиотеку выделил в отдельный файл, переделал название digital-7-mono, иначе не грузится(ограничение 8.3).

[serghei]

А где код ? Насколько я понял ,если выделить отдельно код спидометра , то его можно загрузить один раз и дальше просто обращаться к нему из разных страниц ? В Нете куча всяких библиотек , но они лежат на сторонних серверах. И требуют ответы от сервера в формате Json. А с этом пока тяжко. Круглый шрифт прикольно смотрится. Не знаю как насчет дефиса в названии файлов , но точку точно не переваривает SD карта.
Пробую найти нормальный код для отображения зарядки батарейки.

[alexsis_76]

вот

И требуют ответы от сервера в формате Json

у тебя xml
сложного ничего там шибко нет

[alexsis_76]

вот что у меня

Безымянный_2.JPG (102.68 КБ) 6592 просмотра

1. температура в офисе.
2. на улице -13 утром, в забайкалье, зимой(глобальное потепление однако).
3.температура паяльника градусник показывает 127 максимум что может. однако написано что до 125.

[serghei]

Ну со спидометром разобрался. Следующим шагом хочется всю информацию о состоянии системы видеть на одной странице. Что то типа " Домашняя страница " . Как её сформировать и воткнуть спидометр и аналоговые часы я понял и уже работает. В АМС так же есть датчики дыма и протечки. Они передают на сервер свой статус 1 или 0 . Собственно интересует как отобразить это изменение на сцене. Самое простое - это изменить фоновую картинку - когда все нормально одна , а когда появился дым - меняется на другую. Как же выделю место на странице для индикации дыма . На форуме нашел упоминание о передаче статуса через PHP , а вот на hml это работать будет?

Такая конструкция заменит числовое значение на текст:
%.status|"zero;one;two;three"%

если хотите сделать так, что бы определённый блок отображался только при каком-то значении, то можно сделать так:
Код:
<div style='display:%.status|"none;none;none;block"%'>...</div>

и данный блок покажется только когда статус будет равен 3

PS Как то не правильно обсуждать чужой код , которого никто не видел , а у меня работает. Там на странице есть процедура , показывающая один текст , если статус 0 и другой, если 1.Только на ряду с текстом хочется и менять картинку)))

[ser009]

Мне не нравятся такие термометры. Больно громоздкие.
Хотя на вкус и цвет товарища нет.

[serghei]

Вся фишка этой библиотеки - с ней можно делать все что угодно - даже 50*50 пикселей ужать и разукрасить в любые цвета и диапазоны. Дома у меня полуубитый планшет без стекла , но абсолютно новый. Очень удобно в комнате смотреть за влажностью и температурой в котельной. А вот когда начнет дымить - на странице сенсоров я вижу - а в полноэкранном варианте нет. HTML только начал изучать. Много полезной инфы тут выкладывают ,но она для Алисы.

[alexsis_76]

На форуме нашел упоминание о передаче статуса через PHP , а вот на hml это работать будет?

нет,php это серверные сценарии

Собственно интересует как отобразить это изменение на сцене

проще чем ты думаешь,всю интересующую информацию ты можешь вытащить из XML файла,он передается при запросе скриптом состояния девайса,тебе надо добавить пару тегов
вот например состояние светодиодов передается так

s += "<LED>"; if (LED_state[2]) {s += "on";} else {s += "off";} s += "</LED>\n";
s += "<LED>"; if (LED_state[3]) {s += "on";} else {s += "off";} s += "</LED>\n";

видишь теги <LED></LED>а между ними заключено "on" или "off"
<LED>on</LED>
парсер проходится по дереву DOM и вытаскивает содержимое тегов
для управления элементом используй style="display

[serghei]

Как раз такую страницу я вижу а там статус <smkSmoke>1</smkSmoke> 1 или 0.

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

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

<inputs>
<mRtc>1</mRtc>
<mEthernet>2</mEthernet>
<mSd>1</mSd>
<mServer>1</mServer>
<mMajor>2</mMajor>
<mLaurent>2</mLaurent>
<mUpload>2</mUpload>
<mPirs>2</mPirs>
<mContacts>2</mContacts>
<mTemp>2</mTemp>
<mElectro>1</mElectro>
<mLeds>2</mLeds>
<mKeys>2</mKeys>
<mNoo>2</mNoo>
<mNrf24>1</mNrf24>
<auth>0</auth>
<uptime>0 00:00:22</uptime>
<freeRAM>27416</freeRAM>
<sdSize>3952</sdSize>
<cycDelay>0</cycDelay>
<cycInSec>42</cycInSec>
<lifer>3</lifer>
<time>18:45</time>
<day>2</day>
<month>12</month>
<weekday>6</weekday>
<tmpTemp>0.0</tmpTemp>
<smkSmoke>1</smkSmoke>
<voltage>220.00</voltage>
<power>880.00</power>
</inputs>
 

А вот дальше это состояние надо прицепить к какому нибудь <диву>, что бы появлялось или скрывалось область на странице.Желательно со своей картинкой)))))

*** Сообщение запрещено. Сообщение похоже на спам. ***

[serghei]

Опять забанили ((((. Значение я вижу в реквесте <smkSmoke>1</smkSmoke> 0 или 1 . Надо прицепить к какому нибудь <div> чтобы отобразить область на сцене. Менять сообщение на странице я вижу как , а хочется картинку. Буду разбираться.