Я не могу получить COOKIE для обновления его значения (которое является целым числом) - PullRequest
2 голосов
/ 04 апреля 2019

Я работаю над этим так долго, я чувствую, что это мой последний вариант, у меня есть слайд-шоу на веб-странице HTML, и они могут по существу пролистать весь путь до конца, прокручивая. По сути, я хочу, чтобы пользователи могли вернуться к своей панели инструментов и, когда они щелкают, вернуться в слайд-шоу, чтобы повторно загрузить страницу, на которой они находились ...

В верхней части страницы у меня есть это:

    <?php
  if (!isset($_COOKIE['PageNo'])){
    setcookie("PageNo", 1, time() + (86400 * 30), "/"); // 86400 = 1 day, so set the cookie for a month long period
  }
?>

Я, по сути, говорю, для начала установите cookie на 1 (первая страница в слайд-шоу = 1, затем над следующим разделом у меня есть следующее:

<?php

    if($_COOKIE['PageNo'] >= 2) 
  {
    ?>

    <script>
      window.location.replace("<?php echo "istudy_university.php#slide=".$_COOKIE['PageNo']; ?> ");
    </script>

<?php
  }
    else
  { 
?>
  <script>
      window.location.replace("istudy_university.php#slide=1");
  </script>
<?php
  }
?>

Над каждым слайдом у меня есть ниже и просто меняю слайд = номер:

<?php $_COOKIE['PageNo'] = 3; ?>

Итак, я говорю, что если cookie больше или равен 2, тогда перейдите на страницу no'x, иначе перейдите на страницу 1. Однако все, что он продолжает делать, это постоянно возвращает меня на страницу 1. Пожалуйста, Помогите!! Я неправильно установил cookie?

ОБНОВЛЕНИЕ: После скольжения по некоторым слайдам, cookie должен был измениться на 5, но все равно это 1?

enter image description here

ОБНОВЛЕННЫЙ код, отображающий HTML-код страницы:

        <?php
      session_start();
      require "includes/dbh.inc.php";
    ?>

    <?php
    echo $_COOKIE['PageNo'];
      //$_COOKIE['PageNo'] = 5; //Commented out, for testing
      if (!isset($_COOKIE['PageNo'])){
        setcookie("PageNo", 1, time() + (86400 * 30), "/"); // 86400 = 1 day, so set the cookie for a month long period
      }
    ?>
    <!doctype html>
    <html lang="en" prefix="og: http://ogp.me/ns#">
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>iStudy University | Stress & Anxiety</title>
    <link rel="stylesheet" type='text/css' media='all' href="webslides.css" rel="stylesheet">
    <body>

        <script src="static/js/webslides.js"></script>

         <!-- BEGINNING OF SLIDES -->
         <?php

          if($_COOKIE['PageNo'] >= 2) 
          {
            ?>

            <script>
              window.location.replace("<?php echo "istudy_university.php#slide=".$_COOKIE['PageNo']; ?> ");
            </script>

        <?php
          }
            else
          { 
        ?>
          <script>
              window.location.replace("istudy_university.php#slide=1");
          </script>
        <?php
          }
        ?>
        <main role="main">
          <article id="webslides">
            <!-- SLIDE 1 -->

            <section class="bg-apple aligncenter">
             <span class="background dark" style="background-image: url('istudy_slides_images/abstract.jpg')"/></span>
              <div class="wrap" id="slide=1">
                <h1 class="text-landing">Stress & Anxiety</h1>
                <br>
                <br>
                <br>
                <hr id="hor-rule">
                <h1 class="slides-logo">iStudy University <i class="fas fa-graduation-cap"></i></h1>
                <h2 class="slogan">Designed by Students <br><span class="iv">IV</span> <br>Students</h2><br><br>
              </div>
            </section>

            <!-- SLIDE 2 -->
            <?php $_COOKIE['PageNo'] = 2; ?>
            <section class="aligncenter">
              <span class="background light" style="background-image: url('istudy_slides_images/mountain.jpg')"/></span>
              <div class="wrap" id="slide=2">
                <blockquote class="quote">
                  <p class>"No one can create negativity or stress within you. Only you can do that by virtue of how you process your world"</p>
                  <p><cite>Wayne Dyer</cite></p>
                </blockquote>
              </div>
            </section>

        <!-- SLIDE 3 -->
        <?php $_COOKIE['PageNo'] = 3; ?>
        <section class="bg-slide3">
          <div class="wrap size-80" id="slide=3">
            <h3 class="title stessAnx"><strong>&ensp;Stress & Anxiety</strong></h3><br>
              <p>Stress and anxiety are common experiences of students in higher education.<br>This module will introduce you to evidence based techniques for managing stress and anxiety based upon cognitive behavioural therapy (CBT).</p>
</section>
</div>

1 Ответ

1 голос
/ 04 апреля 2019

Включить библиотеку jQuery на панели инструментов и на странице слайдов. Включить библиотеку Scrollify на страницу слайдов

На странице панели инструментов добавьте идентификатор для ссылки навигации по слайду, например:

<a  id="home" href="#">Slides</a>

Измените разделы на странице слайдов следующим образом:

  • Добавить уникальный идентификатор и общее имя класса для всех разделов.

Пример:

<section class="slides aligncenter" id="b">
        <span class="background light" style="background-image: url('istudy_slides_images/mountain.jpg')" /></span>
        <div class="wrap" id="slide=2">
            <blockquote class="quote">
                <p class>"No one can create negativity or stress within you. Only you can do that by virtue of how you process your world"</p>
                <p><cite>Wayne Dyer</cite></p>
            </blockquote>
        </div>
    </section>
    <!-- SLIDE 3 -->
    <section class="slides bg-slide3" id="c">
        <div class="wrap size-80" id="slide=3">
            <h3 class="title stessAnx"><strong>&ensp;Stress & Anxiety</strong></h3><br>
            <p>Stress and anxiety are common experiences of students in higher education.<br>This module will introduce you to evidence based techniques for managing stress and anxiety based upon cognitive behavioural therapy (CBT).</p>
    </section>

** Идентификатор для каждого раздела задается как «b», «c» и т. Д.

** оба раздела содержат общее имя класса - 'slides'.

На странице слайдов добавьте следующий код JavaScript в нижний колонтитул.

$.scrollify({
    section: ".slides", //Rename the class name with the common class name that you gave for the sections
    after: function() {

        localStorage.setItem('currentPage', $.scrollify.current()[0].id)

    }
});

На странице панели инструментов добавьте следующий код JavaScript в нижний колонтитул в конце:

 <script>
      if(localStorage.getItem('currentPage') != ''){
          var newUrl = 'scroll.html#'+localStorage.getItem('currentPage');
        $("#home").attr("href", newUrl);
      }
    </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...