Dostlar merhaba, BUSKİ'ye ait güncel olarak su kesintisi sayfası var bu sayfayı haber siteme eklemek istiyorum nasıl ekleyebilirim ? link https://www.buski.gov.tr/ArizaBakim/Calismalar

ynscnr55 adlı üyeden alıntı: mesajı görüntüle iframe işinizi çözebilir Nasıl yapılır hocam peki

Websiteye canlı veri ekleme hk

20-08-2024, 23:35:03

#1

KaranlikLord

Dostlar merhaba, BUSKİ'ye ait güncel olarak su kesintisi sayfası var bu sayfayı haber siteme eklemek istiyorum nasıl ekleyebilirim ?

link https://www.buski.gov.tr/ArizaBakim/Calismalar

Kabul Edilen Cevap

1 Beğeni

Merhaba
Daha esnek ve doğru bir çözüm isterseniz aşağıdakileri uygulayın:

Cors politikalarına takılmamak için proxy sayfa oluşturalım:

<?php
// proxy.php
$url = 'https://www.buski.gov.tr/ArizaBakim/Calismalar';
$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);

$response = curl_exec($ch);

curl_close($ch);

echo $response;
?>

Şimdi de proxy sayfamız ile aldığımız verileri ekrana yazdıracak olan widget.php kodumuzu yazalım:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Su Kesintisi Bilgileri</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 10px;
            border: 1px solid #dddddd;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>
    <h1>Su Kesintisi Bilgileri</h1>
    <div id="table" class="d-lg-flex flex-grow-1">
        <table>
            <tbody>
                <tr>
                    <th>İLÇE</th>
                    <th>AÇIKLAMA</th>
                </tr>
            </tbody>
        </table>
    </div>

    <script>
        async function fetchData() {
            const url = 'proxy.php';
            try {
                const response = await fetch(url);
                const text = await response.text();
                
                const parser = new DOMParser();
                const doc = parser.parseFromString(text, 'text/html');
                
                const tableData = doc.querySelector("#table tbody").innerHTML;

                document.querySelector("#table tbody").innerHTML = tableData;
            } catch (error) {
                console.error('Error fetching data:', error);
            }
        }

        fetchData();
    </script>
</body>
</html>

Bu şekilde yaparsanız daha esnek kod yapısı olur ve dilediğiniz gibi ilave CSS ile de süsler, modül, widget gibi kullanabiilirsiniz.

20-08-2024, 23:36:46

#2

ynscnr55

iframe işinizi çözebilir
20-08-2024, 23:37:11

#3

KaranlikLord

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

iframe işinizi çözebilir

Nasıl yapılır hocam peki

20-08-2024, 23:39:09

ynscnr55

<iframe width="100%" height="500" src="https://www.buski.gov.tr/ArizaBakim/Calismalar" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" style="pointer-events: auto;"></iframe>

deneyin hocam

20-08-2024, 23:41:59

KaranlikLord

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

<iframe width="100%" height="500" src="https://www.buski.gov.tr/ArizaBakim/Calismalar" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" style="pointer-events: auto;"></iframe>

deneyin hocam

bu şekilde oldu

20-08-2024, 23:55:23

Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

Misafir

Merhaba
Daha esnek ve doğru bir çözüm isterseniz aşağıdakileri uygulayın:

Cors politikalarına takılmamak için proxy sayfa oluşturalım:

<?php
// proxy.php
$url = 'https://www.buski.gov.tr/ArizaBakim/Calismalar';
$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);

$response = curl_exec($ch);

curl_close($ch);

echo $response;
?>

Şimdi de proxy sayfamız ile aldığımız verileri ekrana yazdıracak olan widget.php kodumuzu yazalım:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Su Kesintisi Bilgileri</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 10px;
            border: 1px solid #dddddd;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>
    <h1>Su Kesintisi Bilgileri</h1>
    <div id="table" class="d-lg-flex flex-grow-1">
        <table>
            <tbody>
                <tr>
                    <th>İLÇE</th>
                    <th>AÇIKLAMA</th>
                </tr>
            </tbody>
        </table>
    </div>

    <script>
        async function fetchData() {
            const url = 'proxy.php';
            try {
                const response = await fetch(url);
                const text = await response.text();
                
                const parser = new DOMParser();
                const doc = parser.parseFromString(text, 'text/html');
                
                const tableData = doc.querySelector("#table tbody").innerHTML;

                document.querySelector("#table tbody").innerHTML = tableData;
            } catch (error) {
                console.error('Error fetching data:', error);
            }
        }

        fetchData();
    </script>
</body>
</html>

Bu şekilde yaparsanız daha esnek kod yapısı olur ve dilediğiniz gibi ilave CSS ile de süsler, modül, widget gibi kullanabiilirsiniz.

KaranlikLord bunu beğendi.

1 kişi bunu beğendi.

21-08-2024, 00:00:19

KaranlikLord

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

Merhaba
Daha esnek ve doğru bir çözüm isterseniz aşağıdakileri uygulayın:

Cors politikalarına takılmamak için proxy sayfa oluşturalım:

<?php
// proxy.php
$url = 'https://www.buski.gov.tr/ArizaBakim/Calismalar';
$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);

$response = curl_exec($ch);

curl_close($ch);

echo $response;
?>

Şimdi de proxy sayfamız ile aldığımız verileri ekrana yazdıracak olan widget.php kodumuzu yazalım:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Su Kesintisi Bilgileri</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 10px;
            border: 1px solid #dddddd;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>
    <h1>Su Kesintisi Bilgileri</h1>
    <div id="table" class="d-lg-flex flex-grow-1">
        <table>
            <tbody>
                <tr>
                    <th>İLÇE</th>
                    <th>AÇIKLAMA</th>
                </tr>
            </tbody>
        </table>
    </div>

    <script>
        async function fetchData() {
            const url = 'proxy.php';
            try {
                const response = await fetch(url);
                const text = await response.text();
                
                const parser = new DOMParser();
                const doc = parser.parseFromString(text, 'text/html');
                
                const tableData = doc.querySelector("#table tbody").innerHTML;

                document.querySelector("#table tbody").innerHTML = tableData;
            } catch (error) {
                console.error('Error fetching data:', error);
            }
        }

        fetchData();
    </script>
</body>
</html>

Bu şekilde yaparsanız daha esnek kod yapısı olur ve dilediğiniz gibi ilave CSS ile de süsler, modül, widget gibi kullanabiilirsiniz.

Hocam merhaba hayırlı geceler, verdiğiniz kodlar doğru sanırsam fakat ben uygulayamadım büyük ihtimalle. Sadece 1 dk nızı ayırıp yardımcı olursanız şimdiden çok teşekkür ederim.

https://web.whatsapp.com/send?phone=908503080116&text=