Активная/неактивная кнопка

@adb420 · Регистрация: 09.10.2013

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

Есть две кнопки. При нажатии на одну кнопку(заблокировать/разблокировать) необходимо что бы вторая кнопка стала неактивной, а после при нажатии еще раз на кнопку(заблокировать/разблокировать) необходимо что бы кнопка вновь была активной. названия на кнопке(заблокировать/разблокировать) тоже менялись. еще проблема в том, что кнопки находятся на разных html страницах. возможно ли это осуществить?

@kalabuni · 22.01.2015, 12:41

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

еще проблема в том, что кнопки находятся на разных html страницах. возможно ли это осуществить?

это не "ещё проблема" - это основная проблема
страницы у вас показываются одновременно, т.е. одна - в основном файле, а вторая - в ифрейме или в дочернем окне?
только в этом случае можно писать "При нажатии на одну кнопку(заблокировать/разблокировать) необходимо что бы вторая кнопка стала неактивной - и здесь нужно одно решение
если же страницы показываются в разное время - посмотрели первую страницу, нажали на [первую] кнопку, затем перешли ко второй странице и там [вторая] кнопка показывается неактивной -- тогда нужно совсем другое решение

@adb420 · 22.01.2015, 14:38 **[ТС]**

kalabuni, вторая кнопка в дочернем окне. страницы показываются в разное время. но могут быть открыты и одновременно.

@kalabuni · 28.01.2015, 06:05

я спрашивал про "одновременный показ двух страниц", вы мне отвечаете какую-то ерунду про "одновременное открытие двух страниц"

для особо одарённых переформулирую варианты:

1) при нажатии первой кнопки вторая кнопка видна на экране
2) при нажатии первой кнопки вторая кнопка не видна на экране

@adb420 · 29.01.2015, 09:09 **[ТС]**

kalabuni, при нажатии первой кнопки, вторая кнопка не видна на экране

@Vadim_Lasso · 30.01.2015, 03:10

Вот вариант с использованием локального хранилища браузера.

Страница 1:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE>
<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    </head>
<body>
    <input type="button" name="status" value="Заблокировать" data-toggle="Разблокировать">
    <script language="JavaScript">
        $(function() {
            var statusButton = $('input[name="status"]');
            var storageStatus = localStorage.getItem('status');
            if (storageStatus && (storageStatus != statusButton.val())) {
                statusButton.data('toggle', statusButton.val());
                statusButton.val(storageStatus);
            }
            $('input[name="status"]').on('click', function() {
                localStorage.setItem($(this).attr('name'), $(this).data('toggle'));
                var currentValue = $(this).val();
                $(this).val($(this).data('toggle'));
                $(this).data('toggle', currentValue);
            });
        });
    </script>
</body>
</html>

Страница 2:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE>
<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    </head>
<body>
    <input type="button" name="status" value="Кнопка">
    <script language="JavaScript">
        $(function() {
            var status = localStorage.getItem('status');
            if (status == 'Разблокировать')
                $('input[name="status"]').attr('disabled', true);
        });
    </script>
</body>
</html>

@adb420 · 30.01.2015, 10:01 **[ТС]**

LASSO, спс, работает! а на php это возможно осуществить?

@kalabuni · 30.01.2015, 12:14

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

а на php это возможно осуществить?

конечно, возможно
только надо заставить пользователей регистрироваться, создать для для каждого зарегистрированного пользователя свою запись в БД на сервере... а то ведь получится, что кликнет по первой кнопке Вася из деревни Гадюкино, а вторую кнопку неактивной увидит Петя из Мухосранска

@adb420 · 30.01.2015, 13:46 **[ТС]**

kalabuni, база есть, есть форма входа. мне бы просто пример как это сделать...хоть порядок действий.

@Золик · 11.05.2017, 04:01

в гугл хроме этот код не работает.

Новые блоги и статьи Все статьи Все блоги /
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .

@adb420 8 / 8 / 1 Регистрация: 09.10.2013 Сообщений: 613

	Активная/неактивная кнопка 22.01.2015, 12:12. Показов 8030. Ответов 9 Метки нет (Все метки) Есть две кнопки. При нажатии на одну кнопку(заблокировать/разблокировать) необходимо что бы вторая кнопка стала неактивной, а после при нажатии еще раз на кнопку(заблокировать/разблокировать) необходимо что бы кнопка вновь была активной. названия на кнопке(заблокировать/разблокировать) тоже менялись. еще проблема в том, что кнопки находятся на разных html страницах. возможно ли это осуществить? 0

@adb420 8 / 8 / 1 Регистрация: 09.10.2013 Сообщений: 613
	22.01.2015, 14:38 [ТС]
	kalabuni, вторая кнопка в дочернем окне. страницы показываются в разное время. но могут быть открыты и одновременно. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	28.01.2015, 06:05
	я спрашивал про "одновременный показ двух страниц", вы мне отвечаете какую-то ерунду про "одновременное открытие двух страниц" для особо одарённых переформулирую варианты: 1) при нажатии первой кнопки вторая кнопка видна на экране 2) при нажатии первой кнопки вторая кнопка не видна на экране 0

@adb420 8 / 8 / 1 Регистрация: 09.10.2013 Сообщений: 613
	29.01.2015, 09:09 [ТС]
	kalabuni, при нажатии первой кнопки, вторая кнопка не видна на экране 0

@adb420 8 / 8 / 1 Регистрация: 09.10.2013 Сообщений: 613
	30.01.2015, 10:01 [ТС]
	LASSO, спс, работает! а на php это возможно осуществить? 0

@adb420 8 / 8 / 1 Регистрация: 09.10.2013 Сообщений: 613
	30.01.2015, 13:46 [ТС]
	kalabuni, база есть, есть форма входа. мне бы просто пример как это сделать...хоть порядок действий. 0

@Золик 2 / 2 / 0 Регистрация: 29.03.2017 Сообщений: 2
	11.05.2017, 04:01
	в гугл хроме этот код не работает. 0

Опции темы

Активная/неактивная кнопка

Решение