Beiträge von Sempervivum

  • 2JavaScript kombinieren

    Wenn der Hintergrund nicht mehr angezeigt wird, vermute ich, dass Du einen Syntaxfehler im CSS hast, so dass die betr. Regel nicht wirksam ist. Post doch mal das vollständige CSS oder lass es hier validieren:

    http://jigsaw.w3.org/css-validator/validator

    Dass das Div so groß ist, liegt daran, dass das Bild darin so groß ist: 500px x 500px und darin der kleine Stern. Hast Du dieses Bild selber gemacht?

    Bevor wir da weiter machen, solltest Du aber die Frames heraus nehmen, die sind vollkommen veraltet und erschweren das Debuggen.

  • 2JavaScript kombinieren

    Doch, man kann 2 Javascripts nebeneinander laufen lassen aber mitunter gibt es dabei Komplikationen.

    In diesem Fall ist das Problem, dass die Sterne jeweils in einem ziemlich großen Div untergebracht sind. Dieses verdeckt die Türchen, so dass die Mausklicks nicht zu denen durch kommen.

    Lösung, indem Du mit diesem CSS die Divs für Mausaktionen durchlässig machst:

    Code
    div[id^="dot"] {
    pointer-events: none;
}

  • Koordinatensystem

    Was bedeutet denn dieser Farbverlauf eigentlich? Gerade wenn es um diesen geht, wäre es mit SVG sehr einfach und direkt zu realisieren:

    Quelle: https://stackoverflow.com/questions/1058…linear-gradient

    Kein Problem, die Beschriftung hinzu zu fügen.

    Der Aufbau ist doch genau wie HTML: Es gibt Tags mit Attributen, nur die Namen und Werte sind SVG-spezifisch.

  • Bilder auf 50% der Bildschirmbreite setzen - "responsive design"

    Für die andere Frage habe ich leider keine vollautomatische Lösung nur mit CSS gefunden, jedoch dieses:

    https://stackoverflow.com/questions/5194…ts-with-flexbox

    Das erfordert, dass Du die Seitenverhältnisse selber berechnest, was akzeptabel wäre, wenn sich die Bilder nur selten ändern. Ändern sie sich häufiger, könnte man die Werte mit Javascript berechnen.

    Würde dann so aussehen:

  • Bilder auf 50% der Bildschirmbreite setzen - "responsive design"

    Das liegt daran, dass Du jetzt eine zusätzliche Stufe mit den Divs hast. Was die Divs bei Stackoverflow sind, sind die a-Tags bei dir. So funktioniert es wieder:

  • Line-Chart mit Chart.js und dynamischen Daten aus XML

    Ja, hast Du gut erklärt.

    Kein Problem, die XML-Datei einzulesen und auszuwerten. Es gibt dafür SimpleXML, wie es geht, ist hier beschrieben:

    https://www.php.net/manual/de/simplexml.examples-basic.php

    Du kannst auf diese Weise den Inhalt auslesen und in einem Array ablegen. Dieses dann JSON-kodieren und an das Javascript übergeben. Anscheinend ist das, was Du verwendest, das Open-Source-chartjs. Damit kann man auch Daten vom Server einlesen.

  • Bilder auf 50% der Bildschirmbreite setzen - "responsive design"

    Zitat

    Wie kriegt man CSS denn in eine HTML Datei überhaupt rein?

    Das kannst Du hier nachlesen:

    https://wiki.selfhtml.org/wiki/CSS/Tutor…heets_einbinden

    Die Bilder so einrichten, dass sie nebeneinander stehen und das Browserfenster ausfüllen kannst Du leicht mit diesem CSS:

  • Globale Variable mit onclick

    Aufgeben ist immer schlecht. Mir scheint, das Kernproblem ist, dass niemand hier versteht, was Du genau vor hast. Ein Beispiel, das das nicht richtig demonstriert, ist wenig zielführend. Und dies:

    Zitat

    Was ich brauche ist einzig und allein eine Varibale die mit dem Klicken des Buttons erzeugt wird (und zwar mit onclick) und mit der ich if-Verzeigungen programmieren kann.

    ist zu wenig konkret um dir eine Lösung zeigen zu können.

  • Globale Variable mit onclick

    Mal sehen, ob ich das richtig verstehe:

    Wenn der Button nicht gedrückt wird, soll nach 300 s die Funktion restart aufgerufen werden.

    Wird innerhalb der 300 s der Button gedrückt, soll die Funktion xy aufgerufen werden und die Funktion restart nicht mehr aufgerufen werden?

  • Globale Variable mit onclick

    Zitat

    Ich hoffe, dass mein Problem damit nun sichtbar wird.

    Richtig, wenn man den Code vor sich sieht, ist sofort klar, warum das nicht funktioniert:

    Die Funktion auto, die die Variable a auf 1 setzt, wird erst aufgerufen, wenn jemand den Button klickt. Der Code mit dem if (a==1){wird dagegen sofort beim Laden der Seite ausgeführt. Zu dem Zeitpunkt ist die Variable jedoch noch nicht 1.

    Um eine Korrektur zu finden, müsste man wissen, welches Ziel Du mit dem Code verfolgst. Beschreibe das doch mal.

  • Text aus externer .txt Datei - Übersicht behalten

    Zitat

    ich habe Spaß am Herausfinden, was noch geht.

    Warum investiert Du deinen Lernwillen dann nicht in die richtige Richtung? Heute werden Webseiten auf allen möglichen Geräten aufgerufen und angezeigt, mit ganz unterschiedlichen Abmessungen des Browserfensters. Das erfordert ein responsives Layout, das mit Boxen fester Größe nicht realisierbar ist. Informiere dich dazu z. B. hier:

    https://wiki.selfhtml.org/wiki/HTML/Tuto…nsive_Webdesign

  • Text aus externer .txt Datei - Übersicht behalten

    Zitat

    Das Einbetten also <embed> funktioniert in der Tat. Ich habe eine Beispiel.txt erstellt und im HTML Körper mit

    <embed type="text/plain" src="beispiel.txt"></embed>

    den Text aus der Beispiel.txt Datei genau in die Box geholt, die ich wollte.

    Hast Du dabei einen gravierenden Nachteil dieser Methode nicht bemerkt: Die Größe des Elementes passt sich nicht an den Inhalt an, sondern wird durch width und height bzw. deren Defaultwerte fest gelegt. Das Problem hast Du nicht, wenn Du die Dateien mit PHP-include einbindest.

  • Adventkalender Problem mit Links in data-Attribut

    Ich bin nicht bis ins letzte Detail in deinen Code eingestiegen, nur einige Hinweise, was schnell auffällt:

    • Das mit den data-Attributen hast Du schon sehr schön gemacht.
    • Tu dir einen Gefallen und style das Ganze nicht mit float. Für die Türchen eines Adventskalenders bietet sich ein Gridlayout an.
    • Ein a-href-Tag um Javascript auszuführen, ist ein wenig umständlich. Du kannst statt dessen einfach Eventlistener auf die Türchen registrieren:
    Code
    document.querySelectorAll('.Fenster').forEach((dasFenster) => {
    dasFenster.addEventListener((event) => {
        const derLink = dasFenster.dataset['link'],
            derText = dasFenster.dataset['text'];
        // so kannst Du die data-Attribute auslesen
        // und die Werte in das Overlay eintragen.
    });
});