Виджет для ИоБрокер

[salambelgorod]

Создал виджет по инструкции..

https://github.com/ioBroker/ioBroker.vis-template

Добавил на гитхаб..https://github.com/salambelgord/ioBroker-vis.splitsys

Ну собственно вопрос…в ХТМЛ файле есть код

 <map name="Navigation"><area class="btn" href="#" shape="circle" coords="60,100,12" alt="Toggle TempD">
  				<area class="btn" href="#" shape="circle" coords="60,80,12" alt="Toggle TempD"></map> 

			![Remoute](widgets/splitsys/img/remoute.png)

а в джскрипт файле вызов события онклик, ни как не хочет работать…что не так?

$('.btn').click(function(){
  alert('Вы нажали на элемент "Toggle TempD"');
});

[de_coder]

Тут надо смотреть весь твой код

открой отладку … в браузере и смотри, возможно у тебя критические ошибки, до старта твоего скрипта, после которой уже дальнейший JS не работает.

Так же, я сам не писал HTML странички в vis...

Но js который ты пишешь в "скриптах" это СЕРВЕРНЫЙ js, который выполняется на сервере, а не в браузере пользователя. По этому событие click надо вероятно перехватывать по другому без использования Jquery

Вот тебе пример..

Делаем кнопку, после чего серверный код, для этой кнопки будет выглядеть примерно так...

// Создаем объект кнопки.. и привязываем объект к кнопке в vis
createState('mirobot_home_btn');

// При нажатии (изменении ... вызывается функция...)
on({id: "mirobot_home_btn", change: "click"}, function (obj) {

});

[Bluefox]

Надо быть уверенным, что во время установки обработчика дом объект уже существует… часто его ещё нет. Помогает setTimeout на 300мс

[salambelgorod]

@de_coder:

Тут надо смотреть весь твой код

открой отладку … в браузере и смотри, возможно у тебя критические ошибки, до старта твоего скрипта, после которой уже дальнейший JS не работает.

Так же, я сам не писал HTML странички в vis...

Но js который ты пишешь в "скриптах" это СЕРВЕРНЫЙ js, который выполняется на сервере, а не в браузере пользователя. По этому событие click надо вероятно перехватывать по другому без использования Jquery

Вот тебе пример..

Делаем кнопку, после чего серверный код, для этой кнопки будет выглядеть примерно так...

// Создаем объект кнопки.. и привязываем объект к кнопке в vis
createState('mirobot_home_btn');

// При нажатии (изменении ... вызывается функция...)
on({id: "mirobot_home_btn", change: "click"}, function (obj) {

});

```` `  

это не странички/скрипты в вис/вкладке скрипты …это попытка создать виджет, который уже в вис можно просто перетащить и пользовать. Весь код на гите лежит.