[Настройка] Обращение к объектам, методам, и скриптам на Javascript

Описание настройки чего либо

Модераторы: immortal, newz20

directman66
Сообщения: 2801
Зарегистрирован: Пн дек 26, 2016 9:51 am
Откуда: Екатеринбург
Благодарил (а): 380 раз
Поблагодарили: 682 раза
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение directman66 » Пт апр 21, 2017 12:51 pm

кстати кнопочки, которые мы пытаемся какой день настроить я там же взял.
Если вам помогло данное сообщение, не поленитесь нажать кнопку "спасибо".
CONNECT | Оборудование | Блог | Дополнения | Email | Telegram | +79122962262 WhatsApp
immortal
Сообщения: 1123
Зарегистрирован: Вт янв 29, 2013 9:16 am
Откуда: Белозерск
Благодарил (а): 16 раз
Поблагодарили: 387 раз
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение immortal » Пт апр 21, 2017 3:37 pm

directman66 писал(а):кстати кнопочки, которые мы пытаемся какой день настроить я там же взял.
Не забывайте делиться кнопочками с сообществом
Lubuntu на cubieboard2 + ds9490R
DietPi на Orange Pi PC + 1wire на esp8266 с прошивкой Homes-smart.ru
directman66
Сообщения: 2801
Зарегистрирован: Пн дек 26, 2016 9:51 am
Откуда: Екатеринбург
Благодарил (а): 380 раз
Поблагодарили: 682 раза
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение directman66 » Пт апр 21, 2017 8:07 pm

viewtopic.php?f=4&t=490&start=20
я уже выкладывал ссылку в этой теме
Если вам помогло данное сообщение, не поленитесь нажать кнопку "спасибо".
CONNECT | Оборудование | Блог | Дополнения | Email | Telegram | +79122962262 WhatsApp
immortal
Сообщения: 1123
Зарегистрирован: Вт янв 29, 2013 9:16 am
Откуда: Белозерск
Благодарил (а): 16 раз
Поблагодарили: 387 раз
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение immortal » Сб апр 22, 2017 11:32 am

directman66 писал(а):viewtopic.php?f=4&t=490&start=20
я уже выкладывал ссылку в этой теме
ну под делиться я имел ввиду поделиться экспортированным элементом сцены кнопки.
Может у кого нибудь есть слайдеры для сцен, а то не удобно из меню слайдер в сцене использовать.
Lubuntu на cubieboard2 + ds9490R
DietPi на Orange Pi PC + 1wire на esp8266 с прошивкой Homes-smart.ru
directman66
Сообщения: 2801
Зарегистрирован: Пн дек 26, 2016 9:51 am
Откуда: Екатеринбург
Благодарил (а): 380 раз
Поблагодарили: 682 раза
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение directman66 » Вт май 02, 2017 8:44 pm

Почему ява код по разному работает в Chrome и IE11? В хроме значение обновляется, а в IE почему-то браузер запомнил последнее значение и все.
СпойлерПоказать
<script type="text/javascript">
setInterval(function() {

$.get("../objects/", { object:"ThisComputer", op:"get", p:"timeNow" }).done(function(data) {
$("#xxx1").html(data);
});
}, 1000);
</script>
<span id="xxx1"></span>
зыж проблема только на IE11, в MS EDGE работает.
Если вам помогло данное сообщение, не поленитесь нажать кнопку "спасибо".
CONNECT | Оборудование | Блог | Дополнения | Email | Telegram | +79122962262 WhatsApp
Аватара пользователя
Vovix
Сообщения: 1152
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 512 раз
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение Vovix » Ср май 03, 2017 7:53 am

directman66 писал(а):Почему ява код по разному работает в Chrome и IE11? В хроме значение обновляется, а в IE почему-то браузер запомнил последнее значение и все.
СпойлерПоказать
<script type="text/javascript">
setInterval(function() {

$.get("../objects/", { object:"ThisComputer", op:"get", p:"timeNow" }).done(function(data) {
$("#xxx1").html(data);
});
}, 1000);
</script>
<span id="xxx1"></span>
зыж проблема только на IE11, в MS EDGE работает.
ну я думаю ответ вам понятен!?
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
directman66
Сообщения: 2801
Зарегистрирован: Пн дек 26, 2016 9:51 am
Откуда: Екатеринбург
Благодарил (а): 380 раз
Поблагодарили: 682 раза
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение directman66 » Пт май 05, 2017 3:52 pm

Vovix, что я делаю не так?

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

<style type = "text/css">
button{
    color: green;
    cursor: pointer;
}

button:0{    color: green; }
      .1{    color: red;}
</style>

<button id = "#button">button1</button>
<script type = "text/javascript">
setInterval(function() {  
$.get("/objects/", { object:"Relay12", op:"get", p:"state" }).done(function(button) {
$("#button")(data);});  
}, 1000);
</script>

переделываю из примера, который работает

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

<style type = "text/css">
button{
    border: 1px solid lime;
    background: url("http://javascript.ru/forum/images/ca_serenity/misc/logo.gif");
    color: white;
    cursor: pointer;
}

button:hover{
    border-color: red;
    background-position: center center;
}

.hovered{
    border-color: red;
    background-position: center center;
}

</style>
<button id = "#button">button</button>

<script type = "text/javascript">

var button = document.getElementById("#button");

button.onclick = function(){
    this.className = this.className == "" ? "hovered" : "";
}
</script>
Если вам помогло данное сообщение, не поленитесь нажать кнопку "спасибо".
CONNECT | Оборудование | Блог | Дополнения | Email | Telegram | +79122962262 WhatsApp
Аватара пользователя
Vovix
Сообщения: 1152
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 512 раз
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение Vovix » Пт май 05, 2017 10:28 pm

directman66 писал(а):Vovix, что я делаю не так?

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

<style type = "text/css">
button{
    color: green;
    cursor: pointer;
}

button:0{    color: green; }
      .1{    color: red;}
</style>

<button id = "#button">button1</button>
<script type = "text/javascript">
setInterval(function() {  
$.get("/objects/", { object:"Relay12", op:"get", p:"state" }).done(function(button) {
$("#button")(data);});  
}, 1000);
</script>

переделываю из примера, который работает

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

<style type = "text/css">
button{
    border: 1px solid lime;
    background: url("http://javascript.ru/forum/images/ca_serenity/misc/logo.gif");
    color: white;
    cursor: pointer;
}

button:hover{
    border-color: red;
    background-position: center center;
}

.hovered{
    border-color: red;
    background-position: center center;
}

</style>
<button id = "#button">button</button>

<script type = "text/javascript">

var button = document.getElementById("#button");

button.onclick = function(){
    this.className = this.className == "" ? "hovered" : "";
}
</script>
белеберда какая-то!!!
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
Vovix
Сообщения: 1152
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 512 раз
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение Vovix » Пт май 05, 2017 10:43 pm

а именно:
не верно:

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

<button id = "#button">button1</button>
верно:

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

<button id = "button">button1</button>
# - для говорит для javascript что это далее имя ID
в самом теге в HTML без # должно быть

не верно:

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

$.get("/objects/", { object:"Relay12", op:"get", p:"state" }).done(function(button) {
$("#button")(data);});
верно: не пойму что вы хотите? поменять стиль у тега или его содержание?
если содержание, то так:

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

$.get("../objects/", { object:"Relay12", op:"get", p:"state" })
.done(function(data) {
$("#button").html(data);
});


если id то https://toster.ru/q/204502
пользуйтесь поиском у вас есть Интернет!

да и что-то с заданием стилей у вас не так!!! непонятки хитрые какие-то... уверен эту всю задачу сделать можно проще!

и да... я далеко не специалист по javascript! спецы увидят, помогут! я в это верю!!! :-)
За это сообщение автора Vovix поблагодарил:
directman66 (Вс май 07, 2017 7:25 am)
Рейтинг: 1.18%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
directman66
Сообщения: 2801
Зарегистрирован: Пн дек 26, 2016 9:51 am
Откуда: Екатеринбург
Благодарил (а): 380 раз
Поблагодарили: 682 раза
Контактная информация:

Re: обращение к объектам, методам, и скриптам на Javascript

Сообщение directman66 » Ср май 10, 2017 8:32 pm

Делюсь примером кнопки, умеющей получать статус через javascript, код написан на основе сообщений Vovix, за что ему огромнейшее спасибо.
В данном примере стиль по сути используется только для первоначальной настройки свойств. Как изменять стили в зависимости от свойств объекта я к сожалению пока не понял. Также этот код не корректно работает в IE11 (срабатывает только 1 раз).

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

<style type = "text/css">
#button{
    color: green;
    cursor: pointer;
}


</style>

<button id = "button" onClick='callMethod("Relay09.switch");'>button12</button>

<script type="text/javascript">
setInterval(function() {  
$.get("../objects/", { object:"Relay09", op:"get", p:"status" }).done(function(data) {
 $("#button").html(data);
 if (data==1 ) {document.getElementById('button').style.backgroundColor = 'yellow';}
 else  {document.getElementById('button').style.backgroundColor = 'gray';}
 
}); 
 
}, 1000);
</script>
предполагаю, что дб что-то типа

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

<style type = "text/css">
#button09{
    color: green;
    cursor: pointer;
}
.on{background-Color: "yellow"}
.off{background-Color: "gray"}

 
 

</style>

<button id = "button09" onClick='callMethod("Relay09.switch");'>button12</button>

<script type="text/javascript">
setInterval(function() {  
$.get("../objects/", { object:"Relay09", op:"get", p:"status" }).done(function(data) {
 $("#button09").html(data);
 if (data==1 ) {
 $(this).addClass("on");
 $(this).removeClass("off");
 
 }
 else  {
 $(this).addClass("off");
 $(this).removeClass("on");
 
 }
 
}); 
 
}, 1000);
</script>
Если вам помогло данное сообщение, не поленитесь нажать кнопку "спасибо".
CONNECT | Оборудование | Блог | Дополнения | Email | Telegram | +79122962262 WhatsApp
Ответить