bir classı sadece 1 kez göstermek - Sayfa 2

25-04-2021, 15:29:24

#10

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="slider">
      <h3>slider..</h3>
    </div>
    <script>
      const cookieMinute = 10;
      const divName = "#slider";

      const cookieCheck = getCookie("slider");
      console.log(!cookieCheck);
      if (cookieCheck) {
        document.querySelector("#slider").style.display = "none";
      } else setCookie("slider", true, cookieMinute);

      function setCookie(cname, cvalue, minute) {
        var d = new Date();
        d.setTime(d.getTime() + minute * 60 * 1000);
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
      }

      function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(";");
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == " ") {
            c = c.substring(1);
          }
          if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
          }
        }
        return "";
      }
    </script>
  </body>
</html>

25-04-2021, 15:56:50

#11

IlyadaMain

@tolgaand; Hocam çok teşekkür ederim. Fazlasıyla memnun ettiniz beni, çok sağ olun tekrardan.

 <div class="slider-box" id="sb_1" data-auto-slide="true" data-speed="5000">
            <div class="slider-content">
                <div class="slider-item active" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010401.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010402.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010403.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010404.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010405.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010406.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010407.jpg"></div>
             </div>
            <div class="slider-kaydir">Otelleri Keşfetmek İçin Kaydır<p> <img src="data:image/svg+xml;base64,z4=" class="arrow-circle-down bounce"      viewbox="0 0 1792 1792"/></img></p></div>
            <div class="slider-fillbar"></div>
            <div class="slider-background"></div>
        </div>
<script>
      const cookieMinute = 10;
      const divName = "#slider-box";
 
      const cookieCheck = getCookie("slider-box");
      console.log(!cookieCheck);
      if (cookieCheck) {
        document.querySelector("#slider-box").style.display = "none";
      } else setCookie("slider-box", true, cookieMinute);
 
      function setCookie(cname, cvalue, minute) {
        var d = new Date();
        d.setTime(d.getTime() + minute * 60 * 1000);
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
      }
 
      function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(";");
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == " ") {
            c = c.substring(1);
          }
          if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
          }
        }
        return "";
      }
    </script>

şöyle yapınca şurada bir hata veriyor ama.

25-04-2021, 15:59:30

#12

tolgaand

IlyadaMain adlı üyeden alıntı: mesajı görüntüle

@tolgaand; Hocam çok teşekkür ederim. Fazlasıyla memnun ettiniz beni, çok sağ olun tekrardan.

 <div class="slider-box" id="sb_1" data-auto-slide="true" data-speed="5000">
            <div class="slider-content">
                <div class="slider-item active" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010401.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010402.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010403.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010404.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010405.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010406.jpg"></div>
                <div class="slider-item" data-background-url="https://troybook.com/uploads/0000/4/2021/04/01/mobileslider-010407.jpg"></div>
             </div>
            <div class="slider-kaydir">Otelleri Keşfetmek İçin Kaydır<p> <img src="data:image/svg+xml;base64,z4=" class="arrow-circle-down bounce"      viewbox="0 0 1792 1792"/></img></p></div>
            <div class="slider-fillbar"></div>
            <div class="slider-background"></div>
        </div>
<script>
      const cookieMinute = 10;
      const divName = "#slider-box";
 
      const cookieCheck = getCookie("slider-box");
      console.log(!cookieCheck);
      if (cookieCheck) {
        document.querySelector("#slider-box").style.display = "none";
      } else setCookie("slider-box", true, cookieMinute);
 
      function setCookie(cname, cvalue, minute) {
        var d = new Date();
        d.setTime(d.getTime() + minute * 60 * 1000);
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
      }
 
      function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(";");
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == " ") {
            c = c.substring(1);
          }
          if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
          }
        }
        return "";
      }
    </script>

şöyle yapınca şurada bir hata veriyor ama.

#slider-box yerine .slider-box yazarsanız düzelir diye umuyorum.
Ayrıca
const divName = "#slider-box";
bu satırı silebilirsiniz.

25-04-2021, 16:01:51

#13

IlyadaMain

Çok teşekkür ederim hallettim çok sağ olun. Sayenizde oldu.
25-04-2021, 16:07:26

#14

IlyadaMain

@tolgaand değerli hocam öğrenci olduğunuzu gördüm. Eğer özel mesaj yolu ile iletişim kurabilirsek, ben belli bir tutarda ödeme yapmak isterim. Ellerinize sağlık.