Beiträge von Sempervivum

  • position: relative; left und top

    Vermutlich ist dies der Grund:

    https://css-tricks.com/forums/topic/p…fter-page-load/

    Zitat

    I’m assuming that this “trick” requires a known height for the parent.

    Aber Du willst ja wahrscheinlich nur das Plus-Zeichen vertikal zentriert zwischen die Bilder legen. Das kannst Du einfacher erreichen, wenn Du das Plus-Zeichen zwischen die beiden figure-Tags legst:

    und mit Flex geeignet ausrichtest:

  • Html Code als JavaScript Variable zuweisen und ausgeben [Gelöst]

    Da gibt es mehrere Möglichkeiten, einen String über mehrere Zeilen hinweg zu definieren:

    Rückwärts-Strichlein verwenden:

    Code
            var Rahmen = `<div class="rahmen">
            <img class="rahmen-4" src="1EK8_0668.jpg" alt="Rahmendemo" title="Rahmendemo"width="300" height="225">
            <span> <font size="3.5">(Titel)</font></span>
            </div> `;

    Normale Hochkommas verwenden und die Zeilen mit "+" verknüpfen:

    Code
            var Rahmen = '<div class="rahmen">'
            + '<img class="rahmen-4" src="1EK8_0668.jpg" alt="Rahmendemo" title="Rahmendemo"width="300" height="225">'
            + '<span> <font size="3.5">(Titel)</font></span>'
            + '</div> '

    Und für das, was Du als Rahmen bezeichnest, empfiehlt es sich, ein figure-Element zu verwenden, denn darin befindet sich
    ein Bild und eine Beschreibung.

    https://wiki.selfhtml.org/wiki/HTML/Text…urierung/figure

  • API in HTML einfügen

    Was die URL aus Post #22 betrifft: Hier stehen die Daten bereits im Quelltext, d. h. sie werden serverseitig bereit gestellt und nicht über Ajax mit Anfrage und Antwort. Entweder dieser Server hat selbst eine Datenbank oder er greift die Daten von einer anderen Site ab.

  • API in HTML einfügen

    In Post #21 schreibst Du:

    Zitat

    Aber mit API habe ich verstanden anfrage stellen und sagen was man wissen möchte Anfrage geht an die url Aber ich weiß icht was ich schreiben muss um die Antwort auf eine Anfrage auch erhalten

    Sieh dir meinen Code in Post #15 noch Mal an:

    Code
            $.ajax({
            url: "https://raider.io/api/v1/guilds/profile?region=eu&realm=Norgannon&name=Infinitum%20animus&fields=name,faction,region,realm,profile_url,raid_rankings",
            dataType: "json",
            success: function (output) {
                console.log(output);

    An die Funktion $.ajax wird die URL übergeben, von wo die Daten geholt werden sollen. D. h. der Browser schickt eine entspr. Anfrage an den Server. Trifft die Anwort darauf ein, wird die Funktion aufgerufen, die bei success notiert ist. Ihr Eingangsparameter, den ich hier output genannt habe, enthält die Antwort vom Server bzw. die Daten die dieser zurück liefert.

  • Class member variable undefined

    Das this in der anonymen Funktion des onload ist ein anderes als das this im Objekt testImg, nämlich das img-Element, auf das das onload registriert wurde.

    Lösung, indem Du das this einer Variablen zuweist und diese in der Funktion ansprichst:

    Code
                draw(context, x, y) {
                var that = this;
                this.image.onload = function () {
                    // bei this und that.image handelt es sich
                    // innerhalb dieser an. Funktion um das selbe Element 
                    console.log(that.image);
                    console.log(this);
                    context.drawImage(that.image, x, y);
                }
            }

  • CSS Animation rotation Problem [Gelöst]

    Das Problem ist, dass mit transform immer alle Optionen gesetzt werden. Setzt du transform: translateX(900px); wird die Drehung auf 0 Grad gesetzt anstatt den zuletzt gesetzten Wert beizubehalten. Du musst immer beide Werte angeben, jedenfalls die die vom Grundzustand abweichen.

    Versuche, ob dies deinem Wunsch entspricht:

  • Absolut Positionierte png-Dateien auf Responsive Hintergrund

    Zitat

    manche pngs halb übereinander stehen und der Aufbau in einer ganz bestimmten Art und Weise sein muss

    Wie meinst Du das denn? Dass sie nicht genau in einer Reihe stehen sollen sondern nach oben/unten/links/rechts versetzt?

    Du kannst sie z. B. mit transform:translate von ihrer ursprünglichen Position wegrücken oder absolut positionieren.

    Zitat

    So jetzt muss das ganze aber auch Responsive sein, am besten indem sich alle pngs vergrößern und verkleinern, so dass alle Verhältnisse die gleichen bleiben.

    Auch bei absoluter Positionierung ist das möglich, wenn Du konsequent mit relativen Angaben bzw. Prozentwerten arbeitest.

  • Existierendes Verzeichnis erkennen und entsprechend handeln

    In checkdir.php die img-Tags generieren:

    In der Lightbox einen Container für die Bilder hinzu fügen:

    Und in der Funktion check() die img-Tags dort eintragen:

  • Existierendes Verzeichnis erkennen und entsprechend handeln

    OK, wenn ich dich richtig verstehe, willst Du die Bilder in einer Lightbox anzeigen. Dann sehe ich zwei Möglichkeiten:

    • Du generierst das HTML für die Anzeige der Bilder auf dem dem Server mit PHP oder
    • Du gibst nur eine Liste der Dateinamen der Bilder aus und erzeugst das HTML mit Javascript

    Was möchtest Du denn für eine Lightbox verwenden, vorgefertigt wie Fancybox oder selbstgemacht?

  • API in HTML einfügen

    PS: Inzwischen ist mir aufgefallen, dass im Javascript eine Schleife zu viel war. So sollte es besser sein:

  • Massenbearbeitungen verschiedene Dateien

    Verstehe, da lese ich das:

    Zitat

    Edit your files in your ftp server using ftp-simple andvisual studio code.

    Bedenke, dass man die Dateien nicht wirklich "auf dem Server" editieren kann, sondern dass sie jedes Mal beim Öffnen herunter und beim Speichern wieder herauf geladen werden müssen. Möglicher Weise funktioniert deshalb das Suchen und Ersetzen über mehrere Dateien nicht.

    Ist im VS Code ohnehin unbefriedigend gelöst:

    Man kann nicht wählen, ob Unterverzeichnisse einbezogen werden sollen.

    Man kann nicht wählen, ob alle vorhandenen Dateien oder nur die offenen einbezogen werden sollen.