Задать вопрос

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

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

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

Как можно это реализовать?
  • Вопрос задан
  • 929 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
Первое что пришло в голову.
<link href="mobile.css" rel="stylesheet">
<div id="otkl">отключать </div>
<script>
	$('#otl').click(function(){
	$('link[href="st.css"]').removeAttr('href');
})
</script>
<code>
Ответ написан
@LiguidCool
Рассово верный вариант - брать информацию из сессии или кукиса и динамически генеририровать ссылку на текущий 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>

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

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

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