Wie nennt man das wenn bei einem Imageboard eine Datei Größer.wird wenn man sie anklickt?

Dachte an popup aber ist es eigentlich nicht

12.08.2024, 08:56

Oder öffnet

1 Antwort

Mauritan

12.08.2024, 14:50

Das kann viel sein:

Dachboard, Großansicht, Resize, Vollansicht, Fokus, Lightroom,...

Du könntest in php Foren gehen, die derlei anbieten zur Bildverwaltung und gucken, wie sie dazu sagen.

Lebensoffen

Beitragsersteller

12.08.2024, 17:02

"Accordion-Effekt" oder "Expandable Content" laut chatgpt

Ähnliche Beiträge

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zum Beitrag

HTML Popup automatisch/ wenn der Mauszeiger drüber ist öffnen?

Hallo, ich habe ein popup erstellt welches sich öffnet, wenn man auf den dafür vorgesehenen link clickt. Nun möchte ich wissen wie ich es schaffe, dass es sich öffnet wenn meine maus über dem link ist und sich schließt wenn der Mauszeiger nichtmehr über dem link ist. Des weiteren würde ich gern wissen, wie ich es schaffe, dass sich das popup bei einer bestimmten Aktion ( wie das öffnen der Seite) automatisch öffnet.

Hier geht's zum Popup

Wenn man die oben stehenden Dinge mit CSS bewirken kann, dann hilf mir das genau so wie HTML.

Schon mal danke fürs antworten - Dorian

...zum Beitrag

Bild als Hintergrund Bild in Website einbinden (HTML , CSS )?

Hallo,

Ich Programmiere gerade eine Website in Visual Studio Code und will hinter den Buttons(siehe Bild 2) ein Bild als Hintergrund haben. Nun habe ich das ganze so programmiert (siehe Bild 1) und auch das Bild in die Website Datei eingefügt und alles gemacht. Dennoch sieht das ganze wenn man den liveserver öffnet, so (siehe Bild 2 ) aus und es ist anstatt dem Foto nur das Foto jpg Symbol klein zu sehen . Wie kann ich das ändern so das ich das Bild sehen?

Vielen Dank

...zum Beitrag

Welche Datenbank für html-Webseite?

Hallo Freunde,

Ich habe bereits die Dateien einer html-Webseite erstellt (mit js zur dynamischen Auswertung), bräuchte aber jetzt noch eine Möglichkeit, Nutzerdaten längerfristig zu speichern (bspw in einem Textdokument oder sogar in einer db). Ich habe bereits eine bei Google registrierte Domain und möchte meine Webseite anschließend auch unter dieser Domain hosten. Kennt ihr geeignete Anwendungen (dachte an Node.js oder IndexedDB, bin mir aber nicht sicher, wie ich die hosten kann), mit denen ich die Datenbank erstellen kann und die auch später leicht zu hosten sind? Evtl auch mit Anleitung zum Hosten?

...zum Beitrag

Wie erstelle ich am besten ein Forum?

Hi ich habe in der Schule so ein Projekt mit sozialer Zusammenhalt und ich bin im Team Religion also haben wir uns gedacht, dass wir als Lösung eine Website machen auf der Leute ihre persönliche religiöse Meinung und Kommentare zu anderen Meinungen oder Beiträgen sagen können. Hat vllt jemand Tipps wie ich das am besten anstelle. ich hab es schon mit ein paar Hilfen versucht wie "site123" oder "wix.com" aber man konnte da das nie so richtig machen wie ich es wollte, denn meistens war es nur so für normale Websites für Firmen und Unternehmen oder so. Ich weiß auch glaub nicht so ganz wie man sowas nennt, also die Art Website die ich erstellen will, ich dachte halt Forum heißt das, bin mir aber nicht sicher...

...zum Beitrag

Welche WYSWYG Editioren sind empfehlenswert?

Suche einen guten und einfachen WYSWYG Editor für HTML, CSS, PHP, JavaScript.

Habe früher Webocton Scriptly genommen, das ist aber auch schon in die Jahre gekommen (neueste Version von 2010). Daher suche ich einen schönen einfachen WYSWIG Editor mit Syntax Highlighting und Autocompletion. Visual Studio Code ist nicht so mein Fall dafür. Vielleicht hat jemand ein paar Empfehlungen für mich.

Gerne für Windows/Linux/MacOS

...zum Beitrag

Selfmade Fullstack lernen?

Hallo miteinander,

Ich hab angefangen über Codecademy mir das Programmieren (obwohl das Wort dafür etwas zu groß ist) auf HTML und CSS beigebracht.

Ich hab mich mit einer Softwareakademie in Verbindung gesetzt und bin auf die Schlussfolgerung gekommen, das jeder sich das auch von alleine beibringen kann.

Kann mir jemand alle Programme von A bis Z (also alles zum Programmieren, nicht nur die drei Elemente wie HTML CSS und Javascript) auflisten, die ein Software Entwickler drauf haben muss?

Wenn möglich dann bitte auch in der Reihenfolge in der man sie lernen sollte.

Und welche Programme bzw. Webseiten muss ich dafür nutzen, um alles zu lernen?

Ich möchte in den nächsten 2-3 Jahren neben meinem Beruf mir das alles beibringen, da ein Softwareentwickler sich nicht auf seine Qualifikationen auf dem Lebenslauf sondern eher auf sein eigenes Portfolio berufen muss bei Bewerbungsgesprächen.

Ich danke für die Antworten & die Hilfe im Voraus.

Da mir HTML und CSS zu lernen leicht fällt, denke ich das diese Richtung für mich richtig ist.

Liebe Grüße

...zum Beitrag

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>

...zum Beitrag

Wann kann man JavaScript gut?

Also, ich kann von APIs Daten abrufen. Voice Recorder, Wetter Webseite etc.

Slideshows kann ich auch programmieren. Ist auch einfach. Node.js kann ich nicht und json habe ich noch nicht ganz verstanden.

HTML und CSS beherrsche ich richtig gut.

Wann würdet ihr sagen, dass man gut JavaScript Code schreiben kann?

...zum Beitrag

Wird HTMX JavaScript nutzlos machen?

...zum Beitrag

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

...zum Beitrag

HTML & CSS in .exe umwandeln?

Hallo,

ich habe eine ganz einfache Webseite mit HTML und CSS gebaut. Dort gibt es Buttons, die zu unterschiedlichen Webseiten führen. So eine Art Favoriten Liste wie in Browsern.

Diese Webseite möchte ich gerne in eine .exe umwandeln. Dann kann der Anwender über ein Desktop Icon dieses "Programm" öffnen. Wenn man dann auf einen Button klickt öffnet sich ganz normal eine externe Browser Webseite. Habe das schon mit .hta probiert, aber dann werden einige CSS Befehle nicht übernommen und die Buttons funktionieren nicht. Würde auch gerne eine Installation ausführen lassen, so dass man dann danach eine .exe. Datei hat.

Kenne mich nur mit HTML und CSS aus. Alles Andere kann ich nicht.

Danke :)

...zum Beitrag

java datei öffnet nur kurz cmd anstatt den installer?

Datei über den Dateipfad in cmd öffnen hat auch nicht funktioniert

...zum Beitrag

Wie erstelle ich einen HTML Code für PopUp Fenster?

Würde gerne eine Beliebige Seite z.B. die Google Startseite auf der eigenen Homepage einbetten und als PopUp Fenster öffnen wollen... auf homepage-buttons habe ich folgenden möglichen Ansatz gefunden, dieser schaut wieefolgt aus:

    <a target="popup" onclick="window.open
  ('', 'popup', 'width=580,height=360,scrollbars=no, toolbar=no,status=no,
  resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
  "href="popupdatei.html">Hier geht's zum Popup</a>

wie aber schaffe ich es nun eine Beliebige Webseite zu integrieren? Ich dachte an so etwas:

<a target="popup" onclick="window.open
  ('', 'popup', 'width=580,height=360,scrollbars=no, toolbar=no,status=no,
  resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
  "href="<a href="https://google.com">Hier geht's zum Popup</a>

liege ich da etwa falsch?

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen