<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ekşi Sözlük Yönlendirme</title>
<style>
body {
font-family: Arial, sans-serif;
}
.header {
background-color: #f1f1f1;
padding: 10px;
text-align: center;
position: relative;
}
#close-btn {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
font-size: 18px;
color: red;
}
iframe {
width: 100%;
height: 90vh;
border: none;
}
#controller {
margin: 20px;
text-align: center;
}
input[type="number"] {
padding: 5px;
font-size: 16px;
width: 60px;
}
</style>
</head>
<body>
<div class="header">
Ekşi Sözlük Sayfa Yönlendirme <span id="close-btn">X</span>
</div>
<div id="controller">
<label for="page-number">Sayfa Numarası Girin:</label>
<input type="number" id="page-number" min="1" value="1">
<button onclick="goToPage()">Git</button>
</div>
<iframe id="eksi-frame" src="https://eksisozluk.com"></iframe>
<script>
const closeBtn = document.getElementById('close-btn');
const frame = document.getElementById('eksi-frame');
const pageNumberInput = document.getElementById('page-number');
// Çarpı butonuna tıklandığında iframe'i gizle
closeBtn.addEventListener('click', () => {
frame.style.display = 'none';
});
// Sayfa yönlendirme fonksiyonu
function goToPage() {
const pageNumber = pageNumberInput.value;
const currentSrc = frame.src;
const url = new URL(currentSrc);
if (url.searchParams.has('p')) {
// Eğer URL'de ?p= varsa, değeri güncelle
url.searchParams.set('p', pageNumber);
} else {
// Eğer ?p= yoksa, ekle
url.searchParams.append('p', pageNumber);
}
frame.src = url.toString();
}
// İlk yüklemede ?p= kontrolü
window.onload = function() {
const url = new URL(frame.src);
if (url.searchParams.has('p')) {
const pValue = url.searchParams.get('p');
pageNumberInput.value = pValue;
}
};
</script>
</body>
</html>
