Beiträge von Sempervivum

  • Verzweifle an Fehlermeldung: Cannot read property 'style' of null

    Ja, da waren etliche Fehler in dem Code. Das Kernproblem ist jedoch, dass an ClosePopUp() ein String übergeben werden muss. Mit dem vorhandenen Code sah das generierte HTML so aus:

    Code
    <button onclick='ClosePopUp(PersonenPopUp)'

    So erwartet Javascript. dass PersonenPopUp eine Variable ist, die es jedoch nicht gibt. Man muss PersonenPopUp in doppelte Hochkommas setzen, so dass das generierte HTML so aussieht:

    Code
    <button onclick='ClosePopUp("PersonenPopUp")'

    Das erreicht man durch dieses Javascript:

    Code
    <button onclick='ClosePopUp(\"" + popup + "\")' type=

    Dieses funktioniert:

    Außerdem:

    • Die Verwendung einer Variablen für die ID ist überflüssig, da die ID ohnehin konstant ist.
    • Den Parameter Personenanzahl kann man einsparen, wenn man die Anzahl aus dem Array über Personennamen.length ermittelt.
    • Die Indizierung im Array besser mit 0 beginnen.
    • Wenn der Button die Funktion des Submit haben soll, wird die Seite ohnehin neu geladen und das Popup verschwindet.

  • SVG-Grafik eingebunden als Background Image lässt sich nicht an Containergröße anpassen

    Definitiv wissen tue ich es nicht, aber ich reime es mir folgender Maßen zusammen:

    Wenn man sich die Werte im SVG ansieht, liegen sie alle so ungefähr in dem Bereich 0 bis etwas über 400 . D. h. die Grafik, die so definiert wird, muss etwa diese Abmessungen haben.

    Hast Du das SVG generiert, wie in dem anderen Thread besprochen? Ich würde eigentlich vermuten, dass der Generator die Abmessungen von dem PNG-Bild beibehält, aber das scheint nicht zu stimmen, denn das Bild, was ich noch habe, ist über 1000 x 1000 px groß.

  • allgemeine fragen zu Javascript

    Ja, man lernt nie aus. Ich habe zwar früher beruflich Software entwickelt, aber nicht für das Web und kein Javascript. Javascript immer nur hobbymäßig. Beschäftige mich vielleicht jetzt fünf bis zehn Jahre damit, aber immer nur nebenbei. Wenn man es intensiv macht, kann man sich sicher das Wissen viel schneller erarbeiten.

  • Rechenfehler

    Heißt das, es funktioniert jetzt so weit?

    Dann die Berechnung der Summe:

  • Rechenfehler

    Dann probiere dieses:

    Die Anzahl der Nachkommastellen kann man mir toFixed() festlegen.

  • Rechenfehler

    Zum Rechenfehler: Das liegt daran, dass Javascript den Punkt als Dezimalzeichen erwartet, nicht das Komma. Das kann man jedoch leicht beheben, indem man ein Komma durch einen Punkt ersetzt:

    Code
    function berechnen() {
            var valgewicht = gewicht.value.replace(",", ".");
            var idxmaterial = material.selectedIndex;
            var preis = material.options[idxmaterial].value.replace(",", ".");
            if (valgewicht != "" && idxmaterial != 0) {
                ergebnis.innerHTML = valgewicht * preis + ' €';
            } else {
                ergebnis.innerHTML = "";
            }
        }

    Und die Größe der Felder kannst Du durch CSS verändern, z. B.:

    Code
    <style>
        #gewicht {
            width: 100px;
        }
    </style>
    Zitat
    Wenn ich dieses Script auf meiner künftigen Homepage (es geht um Stoffe und Kleider Ankauf) 2 mal untereinander eingebe, dann habe ich ja 2 mal die Möglichkeit, mir das Gewicht und Ergebnis anzeigen zu lassen. Siehe Bild. Gibt es eine Möglichkeit, die jeweiligen Ergebnise addieren zu lassen?

    Das lässt sich auf jeden Fall machen. Ich fürchte nur, dass dieses Skript nur mit einem Satz von Ein- und Ausgaben funktionieren wird. Wird es denn definitiv bei zwei Sätzen bleiben oder können es noch mehr werden?

  • Animation skalierbar?

    Hallo Redland,

    ich habe versucht, die Animation mit CSS nachzubilden und responsiv zu machen. Dies ist soweit ganz gut gelungen:

    https://jsfiddle.net/Sempervivum/s0xc3949/3/

    Leider ist es mir nicht gelungen, dies in deine Seite einzubauen. Der Grund dafür ist, dass die umgebenden Container nicht der Größe des Browserfensters folgen. Deshalb ändert sich die Größe der Animation nicht, denn sie folgt mit einer Breitenangabe von 100% dem umgebenden Container.

    Durch das HTML und CSS der Seite steige ich nicht auf Anhieb durch, so dass ich es auch nicht ändern konnte. Habe bisher einen Bogen um Bootstrap gemacht.

  • 3 Bilder in eine Reihe ausgeben

    Der Fehler liegt offensichtlich hier:

    PHP
    <?php foreach($articles as $article): ?> 

    <article id="galerie">

    Du hast das article-Tag innerhalb der Schleife, das schließende weiter unten jedoch außerhalb. Dadurch hast Du mehrfach die selbe ID. Stelle das article-Tag vor die foreach-Schleife und beobachte, wie es dann aussieht.