Виджет HTML
-
Причём если создать просто html и запустить через браузер, то во фрайме есть панель роутера.
-
@intrahouse:
Попробуйте в виджете HTML прописать команду:
<iframe src="http://www.rbc.ru" frameborder="0" width="100%" height="100%"><br/><br />Теоретически можно открывать в виджете HTML любой сайт<br/><br />Например, у меня есть проект на предприятии, который работает на двух серверах.<br/><br />Так вот на главном сервере я с помощью виджета HTML в iframe вызываю экран с информацией с другого сервера.<br/><br />А чтобы не подбирать размеры нужно в iframe выставить width="100%" и height="100%<br/><br />Если нужно вызывать окно intrahouse с другого сервера без ввода пароля, можно в команду добавить параметры аккаунта:<br/><br /><iframe src="http://xxx.xxx.xxx.xxx:xxxx/?username=admin&password=admin" frameborder="0" width="100%" height="100%"></blockquote></QUOTE><br />Так я вроде об этом и пишу - что с iframe можно делать хоть что-то.<br/><br />А вот скрипты JS, которые всовываю на страницу - не работают. Я понимаю что отлаживать надо либо на веб-сервере, либо на обычном компе и потом рабочий код вставлять. Но если вы не заметили, то я в первом посте описал как был сделан у меня сайт - что говорит о том, что я маленько понимаю как это все работает:)<br /><QUOTE author="cd1room" post_id="7923" time="1539814402" user_id="11550"><small>@cd1room:</small><br><blockquote>Причём если создать просто html и запустить через браузер, то во фрайме есть панель роутера.</blockquote>Это интересная особенность DD-WRT. И самое интересное, что в некоторых версиях она не отключается. У меня DD-WRT на Asus RT-10N и на D-Link DIR-400 - на первом crossdetect отключается, на втором нет.<br/><br /><br/><br />Update1 - по работе JS - вставляю банальный alert, но толку нет:<br /><CODE><pre><script type="text/javascript">alert("Hello world");</script></pre></CODE><br /><br />Надо будет все равно небольшое описание для этого виджета делать. Поскольку ему не надо никакого доктайпа, хеда и боди. Можно тупо - style и затем тут же код html.</iframe>
-
Update1 - по работе JS - вставляю банальный alert, но толку нет:
Добрый день,
обновите систему до последней версии, попробуйте следующий код:
CSS TEXTпроблема с поддержкой javascript должна уйти, спасибо!
-
-
Поменял версию dd-wrt и обновил itrahouse и всё заработало.
-
-
Кто ни будь пробовал погоду добавить с какого ни будь сервиса?
-
Идея хорошая! Можно виджет HTML встроить в статусную строку и отображать там погоду. Навел курсор - развернулся подробный прогноз.
-
В принципе ничего так получилось. Единственное при изменении размера не меняется размер информера.
-
А вообще не плохо было бы если это был бы плагин с возможностью выбора сервиса погоды.
-
@dev:
Добрый день, обновите систему до последней версии
Рано радовался…вставляю в код что-то типа этого и страница редактора зависает (на нажатие карандаша и кнопки закрытия не реагирует)
Отладчик Chrome сообщает, что такой функции нет… А что тогда из JS можно использовать???
Вообще все началось с document.write(""). Значение вписывалось не на страничке виджета, а на вновь созданной странице. appendChild тоже не помог. Решил пойти старым путем - узнать ID элемента и изменять с помощью DOM его параметры, но не тут-то было... про jQuery вообще и не стоит говорить?
-
В принципе ничего так получилось. Единственное при изменении размера не меняется размер информера.
Можно поподробнее. Виджет с погодой - это HTML-виджет с каким-то кодом? Вроде погодных виджетов в iH не вижу, но этот выглядит родным.
-
В принципе ничего так получилось. Единственное при изменении размера не меняется размер информера.
Можно поподробнее. Виджет с погодой - это HTML-виджет с каким-то кодом? Вроде погодных виджетов в iH не вижу, но этот выглядит родным.
Добрый день,
1. перейдите по ссылке https://nochi.com/widgets/weather?cityid=17682#big и выберите нужный город.
2. нажмите кнопку "получить HTML код"
3. скопируйте путь к изображению в теге у атрибута "src" полностью
4. вставьте следующий код в виджет HTML
5. поменяйте путь к изображению у свойства "background-image" на свой (см. п.3)
можно попробовать поменять свойство "background-size: contain;" на "background-size: cover;" будет другой режим масштабирования
-
Отличный пример! :idea:
-
@dev:
Добрый день,
1. перейдите по ссылке https://nochi.com/widgets/weather?cityid=17682#big и выберите нужный город.
2. нажмите кнопку "получить HTML код"
3. скопируйте путь к изображению в теге у атрибута "src" полностью
4. вставьте следующий код в виджет HTML
5. поменяйте путь к изображению у свойства "background-image" на свой (см. п.3)
можно попробовать поменять свойство "background-size: contain;" на "background-size: cover;" будет другой режим масштабирования
Как под изображением сделать кликабельную ссылку? При отладке получается все хорошо, если убрать background-image и в div добавить:
[](https://www.gismeteo.ru/weather-tomsk-bogashevo-13009/)Однако в iH получается вот так:
-
@dev:
Добрый день,
1. перейдите по ссылке https://nochi.com/widgets/weather?cityid=17682#big и выберите нужный город.
2. нажмите кнопку "получить HTML код"
3. скопируйте путь к изображению в теге у атрибута "src" полностью
4. вставьте следующий код в виджет HTML
5. поменяйте путь к изображению у свойства "background-image" на свой (см. п.3)
можно попробовать поменять свойство "background-size: contain;" на "background-size: cover;" будет другой режим масштабирования
Как под изображением сделать кликабельную ссылку? При отладке получается все хорошо, если убрать background-image и в div добавить:
> [](https://www.gismeteo.ru/weather-tomsk-bogashevo-13009/) >Однако в iH получается вот так:
HTML_виджет_погоды.png
Добрый день,
попробуйте следующей код
[](https://www.gismeteo.ru/weather-tomsk-bogashevo-13009/)
-
@dev:
Добрый день,
попробуйте следующей код
В принципе отрисовывается почти как надо (почему-то смещение вправо происходит относительно контейнера виджета) при добавлении в image свойства width: 100% ну и по вкусу в container свойства cursor: pointer.
-
@dev:
Добрый день,
попробуйте следующей код
В принципе отрисовывается почти как надо (почему-то смещение вправо происходит относительно контейнера виджета) при добавлении в image свойства width: 100% ну и по вкусу в container свойства cursor: pointer.
Добрый день, используйте div вместо img, можно будет растянуть в обе стороныс учётом пропорции и размеров внутри div (см. пример выше)
-
@dev:
Добрый день, используйте div вместо img, можно будет растянуть в обе стороныс учётом пропорции и размеров внутри div (см. пример выше)
С этим все понятно - буду вспоминать CSS. Просто получается что с виджетом HTML есть свои особенности. А все-таки по поддержке js в виджете ответите? Alert работает, а что-нибудь типа getElementByID уже нет…или если вставить ссылку на библиотеку jQuery то и он заведется?
-
@dev:
Добрый день, используйте div вместо img, можно будет растянуть в обе стороныс учётом пропорции и размеров внутри div (см. пример выше)
А все-таки по поддержке js в виджете ответите? Alert работает, а что-нибудь типа getElementByID уже нет…или если вставить ссылку на библиотеку jQuery то и он заведется?
Добрый день, все должно работать:
1. Определение входа интернет/локально.
<iframe id="iframe" frameborder="0" width="100%" height="100%"></iframe>2. Управление стилями через JS (анимация)
TEST3. jQuery (простой пример).
TEST4. jQuery Modal (сторонние библиотеки).
