Text aus anderem Dokument in HTML Webseite verknüpfen?

Angenommen, ich hätte 2 HTML Dokumente 1.HTML und 2.HTML und in beiden werden z.B. alle Windows Versionen aufgezählten. Jetzt kommt Windows 12 hinzu. In diesem fall muss ich jetzt überall Windows 12 Hinzufügen.

Gibt es die Möglichkeit eine Datei Windows Versionen.[Dateiformat] zu erstellen, in der die Aufzählung eingetragen ist, so dass ich in 1.HTML und 2.HTML den Link von Windows Versionen.[Dateiformat] einfüge, und beide automatisch auf die Datei zugreifen, wo die Liste drin ist, und die Daten anzeigen?

Geht dass?

Welche Programmiersprache muss ich verwenden?

Wie füge ich die Dateien in HTML ein?

Könnt ihr mir ein Beispiel zeigen?

3 Antworten

Warpenstein

28.10.2023, 12:11

Das einfachste an dieser Stelle wäre wohl ein Iframe für die Auflistung zu verwenden. Du packst also die Auflistung der Windows-Versionen in ein separates HTML-Dokument und fügst überall das Iframe ein, wo es angezeigt werden soll:

<iframe src="windows-versionen.html" border="0" width="100%" height="400"></iframe>

Das Iframe ist dann aber immer 400 Pixel hoch, egal was passiert. Deshalb würde ich persönlich die Lösung von Limearts bevorzugen, auch wenn es etwas mit Kanonen auf Spatzen schießen ist, extra dafür PHP einzusetzen.

Woher ich das weiß:Berufserfahrung – >10 Jahre Webentwickler

Limearts

28.10.2023, 12:02

Möglichkeiten gibt es dafür viele. Das einfachste und mitunter älteste wäre wohl schlicht die HTML-Dokumente in PHP umzuschreiben (Dateiendung ändern und auf einem Server mit PHP-Umgebung ablegen).

Dann ist es nicht mehr als ein einfaches

<?php
include 'windows-versionen.php';
?>

Woher ich das weiß:Berufserfahrung – selbstständiger Dienstleister und Nerd

ForumLibhaber

Fragesteller

28.10.2023, 12:07

Danke! Ich kenne mich leider nicht aus mit PHP! Wie müsste dann die Liste aussehen? Reicht einfacher Text oder kann ich mit HTML das dokument bearbeiten oder bleibt mir nur PHP übrig?

Limearts

28.10.2023, 12:08

@ForumLibhaber

Am Dokument selbst würde sich nichts ändern.

guteantwort626

28.10.2023, 17:43

Ja, geht auch mit JavaScript:

<div id="content"></div>
<script>
const contentFrame = document.getElementById('content');
const url = 'windows-versionen.html';
fetch(url).then((res) => res.text()).then((html) => {
    contentFrame.innerHTML = html;
}).catch((err) => {
    contentFrame.innerHTML = 'Fehler: ' + err;
});
</script>

Woher ich das weiß:Hobby – Entwickle seit ca 5 J. Software in vers. Programmiersprachen

ForumLibhaber

Fragesteller

28.10.2023, 19:17

Ich nehme mal an, so wie der code aussiehst, kann ich die Liste in HTML schreiben

guteantwort626

28.10.2023, 20:08

@ForumLibhaber

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zur Frage

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zur Frage

Javascript auslagern (HTML)?

Hallo,

wenn ich mit <script> einen Javascriptcode in HTML schreibe, geht alles, wenn ich das Script auslagere also in eine .js Datei schreibe und genau den gleichen Text wie im HTML Code dort einfüge, ohne das <script> </script>, dann geht es irgendwie nicht. Ich habe die Datei im Head so verlinkt <script src="js/button.js"></script>

Wieso geht es dann nicht mehr?

...zur Frage

Wix.com websiten design downloaden?

Hay,

ich habe mir so ne wix.com website erstellt und jetzt steht da immer so werbung das des von denen ist und so, und da ich ne eigene domain habe würde ich gerne das design von wix.com als html code copieren und in meiner website einfügen, da die frage an euch, geht es das ich die html datei copiere und in meine seite einfüge?

...zur Frage

Html Liste erzeugen aus Datei live?

Guten Abend Community,

ich habe eine Frage an die Programmierer und Entwickler unter euch. Und zwar würde ich gerne eine Liste erstellen mit allen Filmen die ich besonders gut fand und diese in einer Datei speichern. ich möchte eine Seite, die mir diese Liste anzeigt und die Möglichkeit haben, einen neuen Eintrag hinzuzufügen.

Die Grundlagen von html css und co hab ich schon etwas drauf. Ich würde eine Tabelle erstellen und diese wie auch immer mit den Daten füllen aus der Filmlisten-Datei. Ich würde ebenso eine form erstellen, wo ich bspw Titel, Genre und Bewertung eingeben und per button abschicken kann, damit der neue Eintrag in die Datei geschrieben wird.

Aus der Softwareentwicklung in Windows kenne ich für sowas das Ini Dateiformat. Den besten Vergleich dazu habe ich bisher in JSON gefunden. Zuerst habe ich es mit xml versucht, bin jedoch gescheitert und habe auch durch Google den Eindruck bekommen, dass es mit JSON wohl am Sinnvollsten wäre.

Ich hatte es geschafft Einträge aus der json Datei auszulesen, aber hab nicht rausbekommen wie ich sie modifiziere bzw hat nichts funktioniert. Nun frag ich mich gerade, macht das so alles eigentlich Sinn? Oder gibt es einen viel einfacheren Weg mein Ziel zu erreichen?

Wie würde ein erfahrener Entwickler da ran gehn?

Ich hab einen Webserver mit php und co. Root Zugriff habe ich nicht, falls das relevant ist.

...zur Frage

Wie füge ich eine Word-Datei ohne Layout-Verlust in eine andere Datei ein?

Ich habe für ein Studienprojekt ein Arbeitsblatt erstellt, welches ich nun als Anhang in die Datei des Studienprojektes einfügen möchte. Wenn ich die eine Word-Datei (Arbeitsblatt) jedoch in die andere Word-Datei (Studienprojekt) einfüge, verschiebt sich das komplette Layout des Arbeitsblattes. Ich bin wirklich am verzweifeln.

...zur Frage

HTML Datei ist auf IOS anders als auf Android / Windows?

Ich habe eine ganz einfache Website gecodet und hab jetzt ausprobiert, wie sie sich in verschiedenen Browsern verhält. Das Hauptproblem ist, dass die Bilder, die ich über URL reingeladen habe, auf IOS nicht erscheinen. Liegt das an dem Browser Safari?

...zur Frage

CSS-Datei in MacOS erstellen?

Hallo.

Wir haben gerade in der Schule die Hausaufgabe eine HTML "Website" zu erstellen. Wir haben dafür auch eine Anleitung bekommen. Um die HTML Datei genauer zu bearbeiten sollen wir eine CSS Datei einbinden.

In der Schule ging das ganz einfach am Windows Rechner in dem man in Notepad ++ eine weitere Datei mit dem Suffix (Format)".css" speichert.

Bei mir zu Hause mit dem integrierten TextEditor unter macOS funktioniert das aber irgendwie nicht, da ich nur auswählen kann welches Dateiformat ich zur Speicherung verwenden möchte. CSS wird aber nicht angegeben.

Wie kann ich das machen?

Danke im Voraus

...zur Frage

Textfelder einer PDF Datei mit Excel-Tabelle verknüpfen, geht das?

Ich habe hier eine PDF-Datei, die ich nicht selbst erstellt habe (Formblatt für BaföG). Ich habe nun eine Liste von Personen, für die ich dieses Formblatt ausfüllen muss. Bisher habe ich die einzelnen Namen in Acrobat immer von Hand eingegeben. Gibt es eine Möglichkeit, Acrobat 9 Pro (CS 5) unter Windows mit einer Excel-Datei oder einer Datenbank zu verknüpfen, um diese Felder automatisch ausfüllen zu können?

...zur Frage

Kann man das Wlan Passwort mit Java aus einer Datei auslesen?

Ist es möglich das Passwort des Wlan/Eth mit dem der PC verbunden ist unter Windows mit Java oder sonst einer Programmiersprache aus zu lesen?

...zur Frage

Python als ipynb - Datei mit Windows 10?

Hallo. Ich möchte meine Übungsaufgaben für die Uni, Python-Programm gern an meinen Tutor in der Uni als .ipynb (Jupyter-Notebook) senden. Obwohl ich von zu Hause am Uni-Computer arbeiten kann, speichert mein PC immer als .html Datei ab, vermutlich weil ich über den Browser (Google, Firefox) am Uni-Rechner arbeite. Wie kann ich zu Hause eine Datei als .ipynb speichern? Weiß das jemand? Jupyter-notebook runterladen kost geld, und die Verbindung könnte ich ja doch nur über browser herstellen und gleich von da aus weiterschicken als Datei geht irgendwie nicht. Außerdem bin ich nen bisschen blöde!

...zur Frage

Kopieren einfügen und ausschneiden Unterschied?

Wenn ich in windows auf eine datei rechtsklicke und auf ausschneiden klicke und sie dann auf einen USB-stick wieder einfüge wurde sie dann vom PC-gelöscht und ist nur noch auf dem USB stick?

...zur Frage

Google AdSense Code in HTML Code einer Wordpress Seite einfügen?

Hallo!

Ich möchte gerne Google AdSense auf meiner Webseite ausprobieren.

Nun steht da, dass ich meine Webseite mit AdSense verknüpfen soll.

Und zwar indem ich den bereitgestellten Code in den HTML Code meiner Webseite zwischen den Tags <head> und </head> einfüge.

Wie macht man das bei Wordpress?

...zur Frage

JavaScript Datei auslesen was mache ich falsch?

Ich weiß das es so nicht funktionieren kann aber wie geht es denn richtig???

Was mache ich falsch? Der Error ist :

Uncaught ReferenceError: require is not defined at Test.html:12:28

Mein Code

<!DOCTYPE html>
    <html >
        <head>
        <title>Test</title>
        </head>
            <body>


            </body>

            <script>
                const fs = require("fs");
                fs.readFile("test.txt", (err, data) => {
                if (err) throw err;

                console.log(data.toString());
                });
            </script>
    </html>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen