Mir schein, da fehlt jetzt das Bootstrap-JS. Ohne das wird das Modal nicht funktionieren.
Beiträge von Sempervivum
-
-
Wenn ich das Javascript ganz unten, Zeilen 187 bis 193 heraus nehme, funktioniert alles wie gewünscht. Ich denke, den IE10 brauchen wir wirklich nicht mehr zu berücksichtigen.
-
Gestern war ich zufällig auch in der Situation, auf meinem Android-Handy ganz schnell einen FTP-Client zu brauchen. Ich habe mich dann auf Grund der Bewertungen für Admin Hands entschieden und dieser hat einwandfrei funktioniert.
-
Klappt's denn jetzt mit den Umlauten?
-
Eher nicht, das zweite meta-Tag mit charset=iso8859-1 löschen. Ich erwarte, dass es das erste mit utf-8 überschreibt.
-
Ändere den Beginn deines HTML so:
HTML<!DOCTYPE HTML> <html> <head> <title>www.homepage-vorlagen-webdesign.de/homepagevorlagen Homepagevorlage Nr. 12 Orange juice</title> <meta charset="utf-8">Siehe auch:
https://wiki.selfhtml.org/wiki/HTML/Kopf…eichencodierung
Und dann die Datei als UTF-8 speichern. Wie das mit deinem Editor geht, musst Du selbst heraus finden. I. allg. kann man es im Speichern-Unter-Dialog einstellen.
-
Geht mir genau so. Sofern es sich um das reine Setzen und Auslesen einer Variablen handelt, kann ich keinen Nutzen erkennen. Anders sieht es aus, wenn zwingend mit dem Setzen der Variablen weitere Aktionen verbunden sein müssen, z. B. Variable abc setzen erfordert gleichzeitig Aktion x und Aktion y. Dann ist ein Setter durchaus sinnvoll.
-
Google findet zu dieser Fehlermeldung einiges, z. B. dies:
-
PPS: Etwas eleganter kann man diesen Überschwinger mit einer geeigneten Timing-Function realisieren:
Codep.slogan { text-align: center; z-index: 800; animation: text 2s; animation-fill-mode: forwards; animation-delay: 5s; animation-timing-function: cubic-bezier(.17, .67, .72, 1.32); font-size: 100%; transform: scale(0); }Code@keyframes text { 0% { transform: scale(0); } 100% { transform: scale(1.2); } } -
PS: Vielleicht ist es so hübscher:
Codep.slogan { text-align: center; z-index: 800; animation: text 2s; animation-fill-mode: forwards; animation-delay: 5s; font-size: 100%; transform: scale(0); }Code
Alles anzeigen@keyframes text { 0% { transform: scale(0); } 90% { transform: scale(1.3); } 100% { transform: scale(1.2); } } -
Versuche, im Ausgangszustand den Text schon unsichtbar zu machen:
Codep.slogan { text-align: center; z-index: 800; animation: text 2s; animation-fill-mode: forwards; animation-delay: 5s; font-size: 0%; opacity: 0; } -
Ja, das ist möglich und zwar indem Du das Event-Bubbling durch Aufruf der Funktion stopPropation() für das #edge5 unterbindest:
Codevar inside = document.getElementById("edge5"); inside.addEventListener("mousemove", event => { event.stopPropagation(); }); -
In dem Fall dürfte dir animation-delay weiterhelfen:
https://wiki.selfhtml.org/wiki/CSS/Eigen…animation-delay
damit kannst Du die einzelnen Animationen verzögern, so dass sich der richtige Ablauf einstellt.
-
Du hast da zwei Elemente mit der ID "xfield". Für den Anfang ist es wahrscheinlich am einfachsten, wenn Du die IDs eindeutig machst und an die Funktion myRange() übergibst:
Code
Alles anzeigen<form oninput=myRange(parseInt(a.value),parseInt(b.value), "xfield1");> 0<input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" id="xfield1" for="a b"></output> </form> <br> <form oninput=myRange(parseInt(c.value),parseInt(d.value), "xfield2");> 0<input type="range" id="c" value="25">100 +<input type="number" id="d" value="25"> =<output name="x" id="xfield2" for="c d"></output> </form> </body> <script> function myRange(a1, a2, idout) { var x = document.getElementById(idout); x.value = a1 + a2; } </script> -
Ich bin da nicht bis ins letzte Detail eingestiegen, aber mir scheint, das Problem liegt darin, dass die Eventlistener für die accuButtons innerhalb des Click-Handlers für #button-cart registriert werden. D. h. bei jedem Klick auf #button-cart kommt jeweils ein neuer Eventhandler dazu, so dass es immer mehr Eventhandler gibt, die getriggert werden.
-
Bei dir heißen die Daten ja chartdata. Willst Du diese komplett austauschen, müsste es so aussehen:
barGraph.data = chartdata;
Willst Du die Labels beibehalten, so:
barGraph.data.datasets = chartdata.datasets;
alles ungetestet.
-
Wie ich gerade sehe, habe ich da ein wenig daneben gelegen: Es ist sehr einfach, die Daten einfach zu überschreiben, wie dieses Beispiel aus dem Handbuch zeigt:
CodemyLineChart.data.datasets[0].data[2] = 50; // Would update the first dataset's value of 'March' to be 50 myLineChart.update(); // Calling update now animates the position of March from 90 to 50. -
Ah so. Du hast ja dieses, um den Chart aufzubauen:
Codevar barGraph = new Chart(ctx, {Die Variable barGraph ist dabei im success-Handler deines Ajax-Aufrufes gekapselt und Du kannst später nicht darauf zugreifen. Daher muss Du sie zunächst global machen, indem Du das var wegnimmst und sie stattdessen außerhalb des Dokument-Ready definierst:
var barGraph;
Anscheinend ist es nicht möglich, einfach die Daten zu überschreiben; an dieser Stelle merke ich, dass es einfacher ist, den Chart neu anzulegen, anstatt ihn zu aktualisieren. Damit dann nicht alte Daten herum geistern, wie Du es bei dem Mouseover hast, musst Du den alten Chart vorher löschen. Auch dafür gibt es eine Funktion:
https://www.chartjs.org/docs/latest/developers/api.html
Also barGraph.destroy();
Dann kannst Du den neuen Chart genau so neu erzeugen wie beim ersten Mal.
-
Zitat
Wer kann mir helfen?
Am besten das Handbuch
Es gibt da eine Funktion update(), um einen Chart nach Änderung zu aktualisieren: -
Ist das das Open-Source chart.js, was Du benutzt?