HTML Изменить состояние кнопки постоянно
Я новичок в веб-разработке. Вопрос, который у меня есть, довольно простой (я думаю), но после нескольких часов использования Google и экспериментов я все еще не нашел решения. Проблема, вероятно, не в том, как это сделать, а в том, какие ключевые слова использовать при поиске.
Я хочу создать простой веб-сайт. (Для тестирования использую Caddy Server). Для своего сайта я использую простой файл index.html. На моем веб-сайте я хочу иметь 9 кнопок, которые будут отключены при нажатии. После обновления страницы каждый клиент также должен видеть изменения, поэтому состояние кнопки должно храниться где-то на сервере.
Затем будет еще одна кнопка, которая переводит веб-страницу в исходное состояние (все кнопки включены). Цель этой веб-страницы состоит в том, чтобы 2 человека могли нажимать кнопки последовательно, пока не останется только одна кнопка (веб-страница перезагружается каждую секунду на каждом клиенте). Это будет использоваться для выбора определенной карты из набора из 9 карт.
Моя главная проблема - это, чтобы сохранить состояния кнопок, поэтому после обновления страницы кнопки все равно должны быть отключены, если они были нажаты. Все клиенты должны видеть кнопки как отключенные после обновления своих страниц. Должен ли я создавать для этого базу данных или сохранять состояния кнопок в xml или json? Нужен ли мне для этого javascript, jquery, php или ajax? Я не хочу усложнять это дело, поэтому, если мне понадобится, например, база данных для этого, я, вероятно, просто откажусь.
Я прошу: Любой пункт в правильном направлении о том, как реализовать простую кнопку, которая сохраняет свое состояние после перезагрузки страницы, будет очень признателен. Я нашел решение для этого с помощью JQuery, но у меня это не работает (кнопка не сохраняет состояние после обновления Глянь сюда).
Большое спасибо за любую помощь!
Файлы cookie сохраняют состояние кнопки только для пользователя, который нажал на кнопку, верно? Мне нужна синхронизация между всеми пользователями, поэтому, как только пользователь отключил кнопку, эта кнопка должна быть отключена для всех пользователей, которые имеют доступ к веб-сайту. Если для этого действительно нужна база данных, я не буду этого делать, поскольку это небольшое приложение не стоит таких усилий. Большое спасибо!
Это слишком широкий вопрос в его нынешнем виде. Вам понадобятся серверные технологии (php и т. д.). Вы можете сохранить состояние в кэше приложения, точный синтаксис будет варьироваться в зависимости от серверной технологии, которую вы используете. У вас больше не будет «плоских» файлов HTML. Также имейте в виду, что кеш приложения будет обновляться всякий раз, когда приложение обновляется из-за перезапуска сервера и т. д. Для чего-то более постоянного вам понадобится база данных или постоянное хранилище данных.
Кэш приложения подойдет мне, нет необходимости хранить значения в течение более длительного периода времени, максимум несколько минут. Сейчас я попытаюсь реализовать это на php, теперь, когда я знаю, что это возможно и для этого можно использовать php. Огромное спасибо!
Ответы 1
Вашему серверу потребуется хранилище данных (база данных) для сохранения значений, желаемых для каждой кнопки.
Сторона клиента
Установите атрибут disabled на все соответствующие кнопки в вашем HTML. При загрузке страницы (на стороне клиента) извлеките значение (я) с вашего сервера (базы данных) и, в зависимости от того, какие возвращаемые значения, .clearAttribute("disabled") на всех кнопках соответственно.
Сторона сервера
Попросите ваш сервер установить атрибут disabled для HTML-элементов <button> на основе значений в вашей базе данных, прежде чем предоставлять HTML вашему клиенту (ам).
Спасибо за ваш ответ, я имел в виду нечто похожее, я просто надеялся найти простое решение без необходимости настраивать базу данных. В комментариях выше кто-то упомянул решение, которое может мне помочь. В любом случае спасибо, что уделили мне время!
Если состояние ваших кнопок disabled зависит от действий других пользователей, у вас должно быть хранилище данных для записи действий других пользователей.
«2 человека могут нажимать кнопки последовательно, пока не останется только одна кнопка», если X нажимает кнопку, это отключено для Y? если да, то вам нужна база данных. для простого сохранения состояния javascript + cookie - правильный инструмент (по праву я имею в виду самый простой, как вы просили)