Как сделать отключение css при нажатии на кнопку?

Question

LilJane @LilJane

Как сделать отключение css при нажатии на кнопку?

Добрый день,
имеется:

некий сайт с адаптивным дизайном (резина)
2 css (1. decstop.css, 2. mobile.css)
кнопка Полная версия сайта

необходимо:
при нажатии на кнопку "Полная версия сайта" отключать "mobile.css", чтобы сайт терял адаптивный дизайн

Как можно это реализовать?

Вопрос задан более трёх лет назад
925 просмотров

Комментировать

Подписаться 3 Оценить Комментировать

Решения вопроса 2

12 комментариев

LilJane @LilJane Автор вопроса

Спасибо, сейчас испробую

Написано более трёх лет назад

The Dragger @IPD2

LilJane:

<html>
<head>
<link href="st.css" rel="stylesheet">
<script src="jquery-2.1.3.min.js"></script>
</head>
<body>
<div id="otl">OTL</div></body>
<script>
	$('#otl').click(function(){
	$('link[href="st.css"]').removeAttr('href');

})
</script>
</html>

рабочий пример

Написано более трёх лет назад

LilJane @LilJane Автор вопроса

Alexander: точно рабочий? :)
в диве текстом написано "ОТL"
и скрипт не обработает клик.

Написано более трёх лет назад
The Dragger @IPD2

LilJane: не знаю как у тебя но у меня все ок работает. У тебя есть jquery библиотека ?

Написано более трёх лет назад
The Dragger @IPD2

LilJane: ооо боже)) я хоть сам не спец в javaScripte но не вооруженном увидел ошибку, ваш скрипт( то есть мой ) написан в начале и иза этого он не видит все DOM-дерева это во первых а во вторых все script - ы должны подключаться в конце !!!.

Написано более трёх лет назад
LilJane @LilJane Автор вопроса

Alexander: за компьютером буду перенёс и исправлю, с телефона редактировать не удобно )

Написано более трёх лет назад
The Dragger @IPD2

LilJane: это Азы jAvaScript - a

Написано более трёх лет назад
LilJane @LilJane Автор вопроса

Alexander: я читал, что наоборот все скрипты надо в head прописывать

Написано более трёх лет назад
Иван @LiguidCool

Я с планшета не могу проверить, но разве css перегрузится от смены пути из js?

Написано более трёх лет назад
LilJane @LilJane Автор вопроса

Alexander: Ваш способ заработал, но есть одно большое НО. он работает до перехода на другую страницу (или обновление), т.е. ровным счетом ничего не дает, возможно как-то привязать данное действие, до определенного действия (например закрытие сайта, или нажатие на кнопку "Мобильная версия"
Заранее благодарю

Написано более трёх лет назад
The Dragger @IPD2

LilJane: потрать время по сиди по думай над этим, я ведь на скидку первое что пришло в голову по советовал. Могу подтолкнуть но не подсказать как делали это мои учителя.

Написано более трёх лет назад
Иван @LiguidCool

LilJane: вам один фиг надо сохранить значение для перехода по всему сайту. Т.е. либо постоянно хранить его в URL, либо на стороне сервера в сессии.

Написано более трёх лет назад

4 комментария

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+1 ещё

Средний
Вопрос по DIV и uKit (не обращайте внимания на знак вопроса)?
- 1 подписчик
- 8 часов назад
- 72 просмотра
1

ответ
CSS

Простой
Не понимаю, почему блок уходит влево?
- 1 подписчик
- вчера
- 105 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сделать задний фон картинки с фреймом чтоб не съезжало?
- 1 подписчик
- вчера
- 56 просмотров
0

ответов
HTML

+1 ещё

Простой
Как сделать элементы в разных блоках одинаковыми по ширине?
- 1 подписчик
- вчера
- 75 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему не указывается путь к файлу js?
- 1 подписчик
- вчера
- 83 просмотра
1

ответ
CSS

Средний
Как отключить блокировку текста?
- 1 подписчик
- 13 нояб.
- 96 просмотров
1

ответ
JavaScript

+3 ещё

Простой
MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?
- 1 подписчик
- 13 нояб.
- 95 просмотров
2

ответа
CSS

Простой
Как задать задний фон поверх фрейма на 5 сек?
- 1 подписчик
- 12 нояб.
- 69 просмотров
1

ответ
HTML

+1 ещё

Простой
Как выбрать «опорные точки» перехода ширины экрана для стилей страниц сайта?
- 1 подписчик
- 12 нояб.
- 132 просмотра
4

ответа
CSS

+2 ещё

Простой
Словил баг с реализацией гридов в Firefox [колонки через repeat(auto-fit) и position: absolute]?
- 1 подписчик
- 12 нояб.
- 82 просмотра
0

ответов
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Разработка игры на Unity

16 нояб. 2024, в 02:12

7000 руб./за проект

Подключить LDAP к сервису на Go + настроить OpenLDAP в Docker

16 нояб. 2024, в 01:56

10000 руб./за проект

FPGA cores

16 нояб. 2024, в 01:00

3000 руб./в час

Answer 1 · 2015-04-28 09:16:49

Первое что пришло в голову.

<link href="mobile.css" rel="stylesheet">
<div id="otkl">отключать </div>
<script>
	$('#otl').click(function(){
	$('link[href="st.css"]').removeAttr('href');
})
</script>
<code>

Answer 2 · 2015-04-27 20:44:40

Рассово верный вариант - брать информацию из сессии или кукиса и динамически генеририровать ссылку на текущий css. Соответственно ссылка записывает нужную куку.

<?
  session_start();
  if (empty($_SESSION['css'])) $_SESSION['css']='desktop';
  if (isset($_REQUEST['css'])) $_SESSION['css']=$_REQUEST['css'];  
  $cur_css=$_SESSION['css'];
?>


<!DOCTYPE HTML>
<html lang="ru">
    <head>
   <meta charset="utf-8">
        <title>Заготовка</title>
        <link rel="stylesheet" href="<?=$cur_css?>.css">
    </head>
<body>
    <a href="?css=tablet">Tablet</a>
    <a href="?css=desktop">Desktop</a>
    <pre>
    <?=$cur_css?>
    
    $_REQUEST
    <?print_r ($_REQUEST);?>

    </pre>
</body>
</html>

Ну еще фильтрацию бы добавить от лукавого... Но логика думаю ясна.

Как сделать отключение css при нажатии на кнопку?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт