Страница 3 из 4

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

Добавлено: Пт апр 21, 2017 12:51 pm
directman66
кстати кнопочки, которые мы пытаемся какой день настроить я там же взял.

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

Добавлено: Пт апр 21, 2017 3:37 pm
immortal
directman66 писал(а):кстати кнопочки, которые мы пытаемся какой день настроить я там же взял.
Не забывайте делиться кнопочками с сообществом

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

Добавлено: Пт апр 21, 2017 8:07 pm
directman66
viewtopic.php?f=4&t=490&start=20
я уже выкладывал ссылку в этой теме

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

Добавлено: Сб апр 22, 2017 11:32 am
immortal
directman66 писал(а):viewtopic.php?f=4&t=490&start=20
я уже выкладывал ссылку в этой теме
ну под делиться я имел ввиду поделиться экспортированным элементом сцены кнопки.
Может у кого нибудь есть слайдеры для сцен, а то не удобно из меню слайдер в сцене использовать.

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

Добавлено: Вт май 02, 2017 8:44 pm
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 работает.

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

Добавлено: Ср май 03, 2017 7:53 am
Vovix
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 работает.
ну я думаю ответ вам понятен!?

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

Добавлено: Пт май 05, 2017 3:52 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>

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

Добавлено: Пт май 05, 2017 10:28 pm
Vovix
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>
белеберда какая-то!!!

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

Добавлено: Пт май 05, 2017 10:43 pm
Vovix
а именно:
не верно:

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

<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! спецы увидят, помогут! я в это верю!!! :-)

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

Добавлено: Ср май 10, 2017 8:32 pm
directman66
Делюсь примером кнопки, умеющей получать статус через 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>