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

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

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

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

Как можно это реализовать?
  • Вопрос задан
  • 925 просмотров
Подписаться 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>

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

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

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