Ücretsiz Son Depremler (Anlık) Script - Sayfa 2

01-12-2023, 01:47:42

#10

Carlos1 adlı üyeden alıntı: mesajı görüntüle

Bunu dener misiniz

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Son Depremler</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container mt-4">
        <h2>Son Depremler</h2>
        <hr>
        <div id="depremContent" class="alert alert-info"></div>

        <script>
            fetch('http://www.koeri.boun.edu.tr/scripts/lst9.asp')
                .then(response => response.text())
                .then(data => {
                    var startTag = '<pre>';
                    var endTag = '</pre>';
                    var startPos = data.indexOf(startTag);
                    var endPos = data.indexOf(endTag, startPos);

                    if (startPos !== -1 && endPos !== -1) {
                        var preContent = data.substring(startPos + startTag.length, endPos);
                        document.getElementById('depremContent').innerHTML = '<pre>' + preContent + '</pre>';
                    } else {
                        document.getElementById('depremContent').innerHTML = '<div class="alert alert-danger">Veri bulunamadı.</div>';
                    }
                })
                .catch(error => {
                    document.getElementById('depremContent').innerHTML = '<div class="alert alert-danger">Veri çekme hatası.</div>';
                });
        </script>
    </div>
</body>
</html>

Denedim hocam ne yazikki bu kodda olmadı, kaç tane kod denedim bloggerde çalıştırmadim

28-04-2024, 21:08:19

#11

Demoktrat

Elinize sağlık ama bozulmuş sanırım. Güncelleme imkanınız olur mu?

26-05-2024, 17:53:11

#12

Misafir

Demoktrat adlı üyeden alıntı: mesajı görüntüle

Elinize sağlık ama bozulmuş sanırım. Güncelleme imkanınız olur mu?

Merhaba hocam verilen kod ve fikir için önce hocamıza teşekkür ederim ben bir kaç düzenleme yaparak tekrar sundum umarım işe yarar.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Depremler</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container mt-4">
        <h2>Depremler</h2>
        <div class="form-group">
            <label for="citySelect">Şehir Seç:</label>
            <select class="form-control" id="citySelect">
                <option value="istanbul">İstanbul</option>
                <!-- Diğer şehirler buraya eklenebilir -->
            </select>
        </div>
        <button class="btn btn-primary mb-2" onclick="refreshData()">Yenile</button>
        <div id="depremContent" class="alert alert-info"></div>
    </div>
 
    <script>
        // Fonksiyonlar
        function refreshData() {
            var selectedCity = document.getElementById('citySelect').value;
            fetchData(selectedCity);
        }

        function fetchData(city) {
            fetch('https://earthquake.usgs.gov/fdsnws/event/1/query?format=geojson&minmagnitude=2&orderby=time&limit=10&starttime=2000-01-01&endtime=2024-05-26&maxradiuskm=100&' + city)
                .then(response => response.json())
                .then(data => {
                    if (data.features && data.features.length > 0) {
                        var earthquakeList = '<ul>';
                        data.features.forEach(feature => {
                            var place = feature.properties.place;
                            var magnitude = feature.properties.mag;
                            earthquakeList += '<li>' + place + ' - Magnitude: ' + magnitude + '</li>';
                        });
                        earthquakeList += '</ul>';
                        document.getElementById('depremContent').innerHTML = earthquakeList;
                    } else {
                        document.getElementById('depremContent').innerHTML = '<div class="alert alert-danger">Deprem bulunamadı.</div>';
                    }
                })
                .catch(error => {
                    document.getElementById('depremContent').innerHTML = '<div class="alert alert-danger">Veri çekme hatası.</div>';
                });
        }

        // İlk veri yükleme
        fetchData('latitude=41.0082&longitude=28.9784');
    </script>
</body>
</html>

Carlos1 bunu beğendi.

1 kişi bunu beğendi.

26-05-2024, 19:08:59

#13

Carlos1

Misafir adlı üyeden alıntı: mesajı görüntüle

Merhaba hocam verilen kod ve fikir için önce hocamıza teşekkür ederim ben bir kaç düzenleme yaparak tekrar sundum umarım işe yarar.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Depremler</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container mt-4">
        <h2>Depremler</h2>
        <div class="form-group">
            <label for="citySelect">Şehir Seç:</label>
            <select class="form-control" id="citySelect">
                <option value="istanbul">İstanbul</option>
                <!-- Diğer şehirler buraya eklenebilir -->
            </select>
        </div>
        <button class="btn btn-primary mb-2" onclick="refreshData()">Yenile</button>
        <div id="depremContent" class="alert alert-info"></div>
    </div>
 
    <script>
        // Fonksiyonlar
        function refreshData() {
            var selectedCity = document.getElementById('citySelect').value;
            fetchData(selectedCity);
        }

        function fetchData(city) {
            fetch('https://earthquake.usgs.gov/fdsnws/event/1/query?format=geojson&minmagnitude=2&orderby=time&limit=10&starttime=2000-01-01&endtime=2024-05-26&maxradiuskm=100&' + city)
                .then(response => response.json())
                .then(data => {
                    if (data.features && data.features.length > 0) {
                        var earthquakeList = '<ul>';
                        data.features.forEach(feature => {
                            var place = feature.properties.place;
                            var magnitude = feature.properties.mag;
                            earthquakeList += '<li>' + place + ' - Magnitude: ' + magnitude + '</li>';
                        });
                        earthquakeList += '</ul>';
                        document.getElementById('depremContent').innerHTML = earthquakeList;
                    } else {
                        document.getElementById('depremContent').innerHTML = '<div class="alert alert-danger">Deprem bulunamadı.</div>';
                    }
                })
                .catch(error => {
                    document.getElementById('depremContent').innerHTML = '<div class="alert alert-danger">Veri çekme hatası.</div>';
                });
        }

        // İlk veri yükleme
        fetchData('latitude=41.0082&longitude=28.9784');
    </script>
</body>
</html>

Teşekkürler konuya ekledim güncel halini.