Подключение/отключение CSS стилей по кнопке, с прямым изменением в файле css?
Всем привет!
Подскажите, как реализовать данный функционал:
Есть, допустим кнопка на сайте, которая должна переключать visibiity с hidden на visible, причем на стороне сервера, а не клиента.
Копался, не смогу найти как реализовать.
Сайт - простой Landing на HTML + CSS.
Т.е по факту, по кнопке в админке (texttolite) должен переключаться стиль/добавляться класс в файл css или в хэдер, без разницы. Это необходимо для включения цен на сайте.
Скажем так, кнопка доступна только из админки, при нажатии/активации input'а АДМИНИСТРАТОРОМ сайта, стиль переписывается, и блок на сайте виден всегда, при отключении, блок скрывается.
Как вам уже сказали, это серверная логика, для этого придется написать php-скрипт.
При нажатии на кнопку отправлять ajax-запрос на этот скрипт (ну или просто переходить на него, а в конце редиректить куда нужно), а в самом скрипте изменять css-файл и перезаписывать его. Проще всего, разумеется, воспользоваться готовыми библиотеками.
Сделать это можно лишь с помощью какого-нибудь серверного языка программирования, например с помощью php. Алгаритм такой: открываем css файл, меняем согласно полученным параметрам и сохраняем.
Может проще будет создать альтернативные классы для блока с ценой (один "показывать", второй "не показывать"), а кнопкой из админка просто менять класс у тега body.
Получится нечто вроде:
.price {
display: none;
}
.viewprice .price {
display: block;
}
Ведь так или иначе сама цена в коде у вас присутствует, судя по поставленной вами задаче.
Ее не нужно отправлять на сервер.
Меняйте ее на фронтенде (у пользователя) при построении страницы.
На сервере же только сохраняйте статус/стиль. То есть, если цены нужно отображать, то при построении страницы просто добавляйте в body класс viewprice
Простой
