<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<div class="container" style="font-family: 'Strait', sans-serif;">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Web Sitesi Durum Kontrolü</h3>
</div>
<div class="panel-body">
<p>Bir web sayfasının veya API URL'sinin erişilebilir olup olmadığını kontrol etmek için aşağıdaki alana URL'yi girin.</p>
<div class="form-group">
<div class="input-group">
<input type="text" id="urlInput" class="form-control" placeholder="Örnek: https://projeler.eu5.org/proxyrssntv.php" value="https://projeler.eu5.org/proxyrssntv.php">
<span class="input-group-btn">
<button class="btn btn-custom" type="button" id="checkBtn">Kontrol Et</button>
</span>
</div>
</div>
<div id="statusMessage" class="alert hidden" role="alert">
<!-- Durum mesajı buraya gelecek -->
</div>
</div>
</div>
</div>
$(document).ready(function() {
// Kontrol Et butonuna tıklandığında
$('#checkBtn').on('click', function() {
const url = $('#urlInput').val();
// Eğer URL boşsa uyarı ver
if (url.trim() === '') {
$('#statusMessage').removeClass().addClass('alert alert-warning').text('Lütfen bir URL giriniz.');
return;
}
// Kontrol sürecini başlatan mesajı göster
$('#statusMessage').removeClass().addClass('alert alert-info').text('Kontrol ediliyor, lütfen bekleyiniz...');
// $.ajax() ile HEAD isteği göndererek sayfanın durumunu kontrol et
$.ajax({
url: url,
method: "HEAD", // Sadece başlıkları alarak hızlı ve verimli kontrol yapar
success: function() {
// İstek başarılı olduysa (2xx durum kodları)
$('#statusMessage').removeClass().addClass('alert alert-success').text('URL erişilebilir durumda.');
},
error: function(xhr, status, error) {
// İstek başarısız olduysa (4xx, 5xx veya ağ hatası)
let errorMessage = 'URL\'ye ulaşılamıyor. Lütfen URL\'yi kontrol edin.';
if (xhr.status === 404) {
errorMessage = 'URL bulunamadı (404 Not Found).';
} else if (xhr.status > 0) {
errorMessage = `Sunucu hatası: HTTP Status ${xhr.status}`;
}
$('#statusMessage').removeClass().addClass('alert alert-danger').text(errorMessage);
}
});
});
});
