2. Fórumok
  3. Szoftverfejlesztés
  4. PHP programozás
  5. (kiemelt téma)
Legfrissebb anyagok
PROHARDVER! témák
Mobilarena témák
IT café témák
GAMEPOD témák

Új hozzászólás Aktív témák

  • #21292 Meggyi001 veterán
    Új Válasz #21292
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    Meggyi001

    veterán

    LOGOUT blog (1)

    Helló skacok. Lenne egy kérdésem. Van arra megoldás, hogy ebben a kódban friss élő hírek fussanak a "News Item 1 | News Item 2 | News Item 3" helyett? Remélem, hogy csináltatok már ilyet...köszi, ha tudtok adni tanácsot.

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .news-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50px;
    background-color: lightgray;
    }
    .news-item {
    padding: 10px;
    font-size: 20px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    </style>
    </head>
    <body>
    <div class="news-container">
    <marquee class="news-item" behavior="scroll" direction="left">
    News Item 1 | News Item 2 | News Item 3
    </marquee>
    </div>
    </body>
    </html>

    Adott 1-2 tippet a chatgpt, de nem akarnak működni, vagy valamit rosszul csinálok...

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .news-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50px;
    background-color: lightgray;
    }
    .news-item {
    padding: 10px;
    font-size: 20px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    </style>
    </head>
    <body>
    <div class="news-container">
    <marquee class="news-item" behavior="scroll" direction="left" id="news-item">
    Loading news...
    </marquee>
    </div>
    <script>
    // Fetch the CNN news from an API
    const apiUrl = "https://api.example.com/cnnnews";
    fetch(apiUrl)
    .then(response => response.json())
    .then(data => {
    // Update the news item text with the fetched news
    const newsItem = document.getElementById("news-item");
    newsItem.innerText = `CNN Breaking News: ${data.breakingNews} | CNN Latest Headlines: ${data.latestHeadlines}`;
    })
    .catch(error => {
    console.error("Error fetching CNN news:", error);
    });
    </script>
    </body>
    </html>

    vagy ezt:

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .news-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 50px;
    background-color: lightgray;
    }
    .news-item {
    padding: 10px;
    font-size: 20px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    </style>
    </head>
    <body>
    <div class="news-container">
    <marquee class="news-item" behavior="scroll" direction="left" id="news-item">
    Loading news...
    </marquee>
    </div>
    <script>
    // Fetch the Google news from the API
    const apiUrl = "https://news.google.com/home?hl=hu&gl=HU&ceid=HU:hu";
    fetch(apiUrl)
    .then(response => response.text())
    .then(data => {
    // Parse the fetched data to extract the news headlines
    const parser = new DOMParser();
    const htmlDocument = parser.parseFromString(data, "text/html");
    const headlines = htmlDocument.querySelectorAll(".pg-c:not(.pg-c-t)");
    // Concatenate the headlines into a single string
    const headlinesText = Array.from(headlines)
    .map(headline => headline.textContent.trim())
    .join(" | ");
    // Update the news item text with the fetched headlines
    const newsItem = document.getElementById("news-item");
    newsItem.innerText = headlinesText;
    })
    .catch(error => {
    console.error("Error fetching Google news:", error);
    });
    </script>
    </body>
    </html>

Új hozzászólás Aktív témák