Merhabalar ajax ile ilgili bir sorunum var ve yardım lazım bu konu için.
Ajax ile yenilenen bir sayfam var ve sayfadaki metni kopyalamak için metni seçiyorum, yenilendiği için seçim hemen yok oluyor bunun yanında yenilenmeden kaynaklı sayfadaki açılır menüleri açtığımda menü açılıyor ve yenilenme olduğu için tekrardan başa sarıyor yani menü ilk (kapalı) haline geri dönüyor bunun önüne nasıl geçebiliriz bunu çözümleri olan birileri varsa cevaplarını bekliyorum
Aşağıda sorunumla ilgili örnek kodları bırakıyorum index.phpde menüyü açtığımda gördüğünüz gibi bi anda uçup gidiyor
Ajax ile yenilenen bir sayfam var ve sayfadaki metni kopyalamak için metni seçiyorum, yenilendiği için seçim hemen yok oluyor bunun yanında yenilenmeden kaynaklı sayfadaki açılır menüleri açtığımda menü açılıyor ve yenilenme olduğu için tekrardan başa sarıyor yani menü ilk (kapalı) haline geri dönüyor bunun önüne nasıl geçebiliriz bunu çözümleri olan birileri varsa cevaplarını bekliyorum
Aşağıda sorunumla ilgili örnek kodları bırakıyorum index.phpde menüyü açtığımda gördüğünüz gibi bi anda uçup gidiyor
index.php
q.php
PHP:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Ajax ile Dinamik Güncelleme</title>
<script>
function fetchData() {
fetch('q.php')
.then(response => {
if (!response.ok) {
throw new Error('Ağ hatası: ' + response.status);
}
return response.text(); // Metin olarak döndür
})
.then(data => {
document.getElementById('dataContainer').innerHTML = data; // Gelen veriyi güncelle
})
.catch(error => console.error('Hata:', error));
}
// İlk veri yüklemesini yap
fetchData();
// Her 2 saniyede bir veriyi güncelle
setInterval(fetchData, 2000);
</script>
</head>
<body>
<h1>Ajax ile Dinamik Sayfa Yenileme</h1>
<div id="dataContainer">Veri yükleniyor...</div>
</body>
</html>q.php
PHP:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Açılır Menü Örneği</title>
</head>
<body>
<div class="dropdown">
<button class="dropbtn">Menü</button>
<div class="dropdown-content">
<a href="#">Bağlantı 1</a>
<a href="#">Bağlantı 2</a>
<a href="#">Bağlantı 3</a>
</div>
</div>
</body>
</html>
<script>
// script.js
function fetchData() {
fetch('index.php')
.then(response => {
if (!response.ok) {
throw new Error('Ağ hatası: ' + response.status);
}
return response.text(); // JSON yerine metin alıyoruz
})
.then(data => {
document.getElementById('dataContainer').innerHTML = data; // Gelen veriyi güncelle
})
.catch(error => console.error('Hata:', error));
}
// İlk veri yüklemesini yap
fetchData();
// Her 2 saniyede bir veriyi güncelle
setInterval(fetchData, 2000);
</script>
