Cookie not working?

T

Tati_922020-05-14 10:57:25

JavaScript

Tati_92, 2020-05-14 10:57:25

Cookie not working?

Learn from video tutorial! we create an online store. There are two options for viewing the product page: block and inline. The task in the js script is to keep the page view on refresh. It does not work for me. I click on the line view, update it and the block view appears again. Help find the error!

<!DOCTYPE html>

<html >
 <head>
    <?php
    
  include('includes/db.php');//Подключаю БД
  
  $sorting='';
    if(isset($_GET['sort'])) {
        $sorting = $_GET['sort'];
            }
    switch ($sorting) {
    
        case 'price-asc';
    $sorting = 'price ASC';
    $sort_neme = 'От дешовых к дорогим';
      break;
    
    case 'price-desc';
    $sorting = 'price DESC';
    $sort_neme = 'От дорогих к дешовым';
      break;
    
    case 'popular';
    $sorting = 'count DESC';
    $sort_neme = 'Популярные';
      break;
    
    case 'news';
    $sorting = 'datetime DESC';
    $sort_neme = 'Новинки';
      break;
    
    case 'brand';
    $sorting = 'brand DESC';
    $sort_neme = 'Бренд';
      break;
    
        default:
    $sorting = 'datetime DESC';
    $sort_neme = 'Нет сортировки';
        break;		
  }
  
  ?>

  <meta charset="utf-8"/>
 
  <meta name="viewport" content="width=device-width,initil-scale=1"/> <!-- ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ -->
  
  <link href="css/stil.css" rel="stylesheet" type="text/css"/>  <!-- ССЫЛКА НА CSS -->
  <link href="css/media.css" rel="stylesheet" type="text/css"/>  <!-- ССЫЛКА НА CSS -->

 
  
  <title>Косметика для лица</title><!-- Название веб-страницы -->

  <?php require "header.php"; ?>
  
  </head> 
  <div  id="topbutton">&#8593;<br/>Наверх</div> 
 
 <body>
  
  
  <div id="conteiner">   
  <div id="conteiner-goods">
  
  <p id="view">Вид:</p>
  <a href="#"> <img  id="box_list1" src="image/nav/box-list.png" alt="img"/></a>
  <a href="#"> <img  id="box_list2" src="image/nav/box1.png" alt="img"/></a>
  
  <p id="sort">Cортировать:</p>
  <a id="link"><?php echo $sort_neme; ?></a>
  <div id="sort_block">
  <a href="for_face.php?sort=price-asc">От дешовых к дорогим</a><br>
  <a href="for_face.php?sort=price-desc">От дорогих к дешовым</a><br>
  <a href="for_face.php?sort=popular">Популярные</a><br>
  <a href="for_face.php?sort=news">Новинки</a><br>
  <a href="for_face.php?sort=brand">Бренд</a>
  </div>
  
 <div id="single_goods_block"> 
 
 <?php
 
 $result =  mysqli_query($link, "SELECT * FROM  teble_products  ORDER BY  $sorting");//выводим товары
    
  if (mysqli_num_rows($result) > 0) {
    $row = mysqli_fetch_array($result);
    do {
      echo('
   
   
   <div id="goods_block">
      <img class="img_face" src="image/goods/fase/'.$row["image"].'"/>
    
    <p class="style_title"><a href="#">' . $row["title"] . '</a> </p> 
    <hr>
      
    <a data-tooltip="Просмотры"><img id="reviews" src="image/nav/eye.png"/><p id="reviews_quantity">0</p></a>
    
    <a data-tooltip="Добавить в Избранные"><p id="heart_quantity">0</p> <img id="heart" src="image/nav/heart.png"/></a>
    
    <p class="price_goods_face"><strong> '.$row["price"].' </strong> руб.</p> 
    
    <a href="http://korea.ru/cart.php" data-tooltip="Корзина">
    <img  id="cart_goods_face"src="image/Box pink-256.png" alt="img"/>
    <p id="cart_quantity">0</p>
    </a> 
    
    
    <div class="mini_description"> '.$row["mini_description"].'</div>
    </div>     
    	
    
    ');
    }
    while ($row = mysqli_fetch_array($result));
  }
 ?>

   </div>
 

 <div id="single_goods_line"> 
  
 <?php
 
 $result =  mysqli_query($link, "SELECT * FROM  teble_products ORDER BY  $sorting");//выводим товары
    
  if (mysqli_num_rows($result) > 0) {
    $row = mysqli_fetch_array($result);
    do {
    
  
      echo('
   
   
   <div id="goods_block_line">
      <img class="img_face_line" src="image/goods/fase/'.$row["image"].'"/>
    
    <p class="style_title_line"><a href="#">' . $row["title"] . '</a> </p> 
    
      
    <a data-tooltip="Просмотры"><img id="reviews_line" src="image/nav/eye.png"/><p id="reviews_quantity_line">0</p></a>
    
    <a data-tooltip="Добавить в Избранные"><p id="heart_quantity_line">0</p> <img id="heart_line" src="image/nav/heart.png"/></a>
    
        <a href="http://korea.ru/cart.php" data-tooltip="Корзина">
    <img  id="cart_goods_face_line"src="image/Box pink-256.png" alt="img"/>
    <p id="cart_quantity_line">0</p>
    </a>
    
    <p class="price_goods_face_line"><strong> '.$row["price"].' </strong> руб.</p> 
    
    <div class="description_line"> '.$row["description"].'</div>
    </div>     
    	
    
    ');
    }
    while ($row = mysqli_fetch_array($result));
  }
 ?>


   </div>
   </div>
</div>
   
   <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <!--  подключается первым -->
   <script type="text/javascript" src="js/jquery.cookie.js"></script>
   <script type="text/javascript" src="js/goods.js"></script>
  
   <script type="text/javascript" src="js/script.js"></script><!--подключается вторым-->
   
 </body> 
  <?php include "footer.php"; ?>

 
</html>

$('document').ready(function(){
  
  $("#box_list1").click(function(){//блок
    
    $("#single_goods_block, #goods_block").show();//показать
    $("#single_goods_line, #goods_block_line").hide();//скрыть
    
    $.cookie('select-style','block');
  });
  
  $("#box_list2").click(function(){//список
  
    $("#single_goods_line, #goods_block_line").show();//Показать 
    $("#single_goods_block, #goods_block").hide();//скрыть
    
        $.cookie('select-style','line');
  });
    
  $("#link").click(function(){
  
        $("#sort_block").slideToggle(200);
  
     }); 

  
  if( $.cookie('select-style') == 'block')
  {
      $("#single_goods_block, #goods_block").show();//показать
    $("#single_goods_line, #goods_block_line").hide();//скрыть
  }
  else 
  {
        $("#single_goods_line, #goods_block_line").show();//Показать 
    $("#single_goods_block, #goods_block").hide();//скрыть
  };	
  
    
  
});