Javascript ile tek modal gözterme

Anonim 877 gün önce

515 defa görüntülendi ve 1 kişi tarafından değerlendirildi

arkadaşlar öncelikle iyi bayramlar

arkadaşlar ben bir site yaptım vakat sitede bir bilgilendirme popup açtım fakat kullanıcılar bu popup kapatığında bu popup kapanıyor.
fakat siteyi yenilediği için bu popup tekrardan açılıyor.

ve bu popup nasıl hayalet dive alırım mesela ben bir button koydum kullanıcılar bu buttonu incele yaptığı zaman gözükmücek fakat buttona basıldığı zaman bu div eklenecek nasıl yaparım.
şimdiden teşekkürler ve iyi bayramlar herkese

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (4)

webdoc

876 gün önce

arkadaşlar mesela uyarı popup gibi x e tıkladığım zaman kapansın ve sayfa yenilense bile açılmasın

#010652

frexx

876 gün önce

Sağ tık yapınca gözükmemesini istiyorsan php ile yapman gerek çünkü html,css,js bu diller her zaman açık kaynaktır herkes sağ tık yaparak erişebilir.

#010651

frexx

876 gün önce

Kanka hayalet div mi istiyorsun yoksa popupu kapatınca kalıcı kapanmasını mı ?

#010650

cemcanpolat

876 gün önce

Tam olarak ne istediğini anlayamadım ama aşağıdaki şekilde 'modal aç' butonuna basınca açılan ve modal içindeki 'X' e basıncada kapanan bir şey istiyorsan eğer en en en basit şekilde bu kod işini görür sanırım, geliştiredebilirsin.
Not: Bende çok uzman değilim. Yanlış anladıysam veya daha farklı bir şey istiyorsan lütfen daha açıklayıcı ve daha güzel bir Türkçe ile yazarmısın :)

<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <style>
      #modal {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 2px solid gray;
        padding: 20px;
      }

      #modal .cls-btn {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <button onclick="modal(true)">Modal Ac</button>
    
    <div id="modal" style="display: none">
      <span class="cls-btn" onclick="modal(false)">X</span>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur, voluptatibus!</p>
    </div>

    <script>
      function modal(type) {
        const modal   = document.querySelector('#modal');
        const display = modal.style.display;

        if (type) {
          if (display == 'none') modal.style.display = 'block';
        } else {
          if (display == 'block') modal.style.display = 'none';
        }
      }
    </script>
  </body>
</html>

#010644