Javascript ile tek modal gözterme
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
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>