Кнопка вкл/выкл на JS

@jokerkri · Регистрация: 10.05.2014

Студворк — интернет-сервис помощи студентам

В общем есть кнопка Power (включения/выключения). Есть две ссылки. Надо чтобы, когда первый раз нажимаем на кнопку шел переход на одну ссылку, второй раз, соответственно, на вторую и т.д. (3 раз - 1 ссылка, 4 раз - 2 ссылка....). в js ничего не смыслю толком нашел только переход на одну ссылку

HTML5
1
2
3
4
5
6
<script type="text/javascript">
        function goJs() {
 
        window.location="ссылка"
        }
    </script>

@kalabuni · 09.06.2014, 14:14

правильно ли я понял, что:

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

@jokerkri · 09.06.2014, 14:24 **[ТС]**

1) да
2) Страница по сути не должна открываться должно быть чтобы нажал на кнопку первый раз передалось значение
1 - http://localhost/smarthome/ind... =1&rele=on
второй раз
2 - http://localhost/smarthome/ind... 1&rele=off
и т.д.
Спасибо за быстрый ответ)
Сейчас вот такая ситуация, надо на одну кнопку поменять
<p><a href='?action=ZonyView&zoneid=1&rele=on' >Включить реле</a></p>
<p><a href='?action=ZonyView&zoneid=1&rele=off '>Вылючить реле</a></p>

@Padimanskas · 09.06.2014, 14:48

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
  <head>
 
  <meta charset="utf-8">
  <title>Switcher</title>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  </head>
<body>
  <button id="switcher">Switcher</button>
  <script>
var switcher = false;
 
$('#switcher').click(function(){
  switcher = switcher ? false : true;
  switch(switcher){
    case true : window.open('http://link1'); break;
      case false : window.open('http://link2'); break;
  }
});
  </script>
</body>
</html>

mihalken · 09.06.2014, 14:51

Padimanskas, это раздел JavaScript. Без JQ.

Сообщение от jokerkri

надо на одну кнопку поменять

HTML5
1
<a href="?action=ZonyView&zoneid=1&rele=on" rele="on" id="power-rele">Power rele on /off</a>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function parseGetParams() { 
    var $_GET = {}; 
    var __GET = window.location.search.substring(1).split("&"); 
    for(var i=0; i<__GET.length; i++) { 
      var getVar = __GET[i].split("="); 
      $_GET[getVar[0]] = typeof(getVar[1])=="undefined" ? "" : getVar[1]; 
    } 
    return $_GET; 
}
 
window.onload = function() {
    var GETArr = parseGetParams();
    
    var btn_power_rele = document.getElementById( 'power-rele' );
    var cur_status_rele = GETArr['rele'] == 'on' ? 'off' : 'on';
    
    btn_power_rele.href = "?action=ZonyView&zoneid=1&rele=" + cur_status_rele;
    btn_power_rele.setAttribute('rele',  cur_status_rele);
    btn_power_rele.innerHTML = "Power rele " + cur_status_rele;
    
    document.getElementById( 'power-rele' ).onclick = function() {
        window.location.href = "?rele=" + this.getAttribute('rele');
    }
}

jokerkri, ?

@jokerkri · 09.06.2014, 15:25 **[ТС]**

Padimanskas , mihalken, спасибо большое за ответ. Работают оба варианта. (ну вроде как=)). Вопрос к mihalken, а как поменять текст , вместо ссылки я сделал кнопку

HTML5
1
<button rele="on" id="power-rele">Включить реле</button>

поменял

JavaScript
1
 btn_power_rele.innerHTML = "Power rele " + cur_status_rele;

на

JavaScript
1
btn_power_rele.innerHTML = "Включить/выключить: " + cur_status_rele;

но что то не то )) я хочу чтобы было в начале на кнопке - "Включить реле" нажал текст поменялся на "Выключить реле", заранее спасибо

mihalken · 09.06.2014, 15:33

JavaScript
1
btn_power_rele.innerHTML = "Power rele " + cur_status_rele;

на

JavaScript
1
btn_power_rele.innerHTML = (cur_status_rele == "on" ? "Включить" : "Выключить") + " реле";

?

Добавлено через 3 минуты
и

JavaScript
1
window.location.href = "?rele=" + this.getAttribute('rele');

на

JavaScript
1
window.location.href = "?action=ZonyView&zoneid=1&rele=" + this.getAttribute('rele');

@jokerkri · 09.06.2014, 15:33 **[ТС]**

mihalken, огромное спасибо )) все работает

правда, мало что понятно )) надо будет найти книжечку JS с нуля для чайников )

@EvgeniySh82 · 01.03.2020, 14:30

Столкнулся с похожей задачей. Есть вай фай розетка к которой будет подключено 4 потребителя (свет на разных источниках)
Выше написанное решение работает но только на одной кнопке. Подскажите как мне функцию ко второй и последующим кнопкам сделать.

вот Html

HTML5
1
<button class="esp" rele="on" id="power-rele"></button>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function parseGetParams() { 
    var $_GET = {}; 
    var __GET = window.location.search.substring(1).split("&"); 
    for(var i=0; i<__GET.length; i++) { 
      var getVar = __GET[i].split("="); 
      $_GET[getVar[0]] = typeof(getVar[1])=="undefined" ? "" : getVar[1]; 
    } 
    return $_GET; 
}
 
window.onload = function() {
    var GETArr = parseGetParams();
    
    var btn_power_rele = document.getElementById( 'power-rele' );
    var cur_status_rele = GETArr['rele'] == 'on' ? 'off' : 'on';
    
    btn_power_rele.href = "?action=ZonyView&zoneid=1&rele=" + cur_status_rele;
    btn_power_rele.setAttribute('rele',  cur_status_rele);
    btn_power_rele.innerHTML = (cur_status_rele == "on" ? "Включить" : "Выключить") + " реле";
    
    document.getElementById( 'power-rele' ).onclick = function() {
    window.location.href = "?action=ZonyView&zoneid=1&rele=" + this.getAttribute('rele');
    }
}

Новые блоги и статьи Все статьи Все блоги /
Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор значений справочника Maks 21.03.2026 Установка программного отбора значений справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	09.06.2014, 14:14
	правильно ли я понял, что: 1) в окне браузера открывается ваша страница с кнопкой 2) по нажатию на кнопку ваша страница заменяется на какую-то другую в этом же окне 3) когда (может быть, через месяц или даже через год) этот же посетитель вновь зайдёт на вашу страницу, нажатие на ту же кнопку должно отправить его уже по другому адресу и т.д. 0

@jokerkri 0 / 0 / 0 Регистрация: 10.05.2014 Сообщений: 6
	09.06.2014, 14:24 [ТС]
	1) да 2) Страница по сути не должна открываться должно быть чтобы нажал на кнопку первый раз передалось значение 1 - http://localhost/smarthome/ind... =1&rele=on второй раз 2 - http://localhost/smarthome/ind... 1&rele=off и т.д. Спасибо за быстрый ответ) Сейчас вот такая ситуация, надо на одну кнопку поменять <p><a href='?action=ZonyView&zoneid=1&rele=on' >Включить реле</a></p> <p><a href='?action=ZonyView&zoneid=1&rele=off '>Вылючить реле</a></p> 0

@jokerkri 0 / 0 / 0 Регистрация: 10.05.2014 Сообщений: 6
	09.06.2014, 15:33 [ТС]
	mihalken, огромное спасибо )) все работает правда, мало что понятно )) надо будет найти книжечку JS с нуля для чайников ) 0

Кнопка вкл/выкл на JS

Решение