Sempervivum wahr das absicht das unter dein Link ein Link zu Fiddle ist ?
Ja, das war Absicht, aber ich habe den Link inzwischen geändert, weil der Footer im Fiddle nicht richtig angezeigt wurde. Scheint in letzter Zeit etwas der Wurm drin zu sein. Manchmal verschwindet auch einfach das Ergebnis-Fenster ...
Ich empfehle, dich mit Flexlayout vertraut zu machen, z. B. hier bei HTML-Seminar:
https://www.html-seminar.de/css-flexbox.htm
Hier findest Du eine Basis mit Header, Content und Footer:
https://jsfiddle.net/Sempervivum/d4ao5kbh/5/
Versuche, die Sidebar selbständig zu ergänzen.
Ich möchte rund 50 Zahlen per random erzeugen. Diese Zahlen sollen dann für die weitere Verwendung als Bilder wie
Zahl1.jpg
Zahl2.jpg
..
..
zahl50.jpg
zur Verfügung stehen.
Diese Zahlen spreche ich in meinem Programm an verschiedenen Stellen an. Ich zeige zum Beispiel Einige ,wieder zufällig, ausgewählt an und der User muss dann Bestimmte davon anklicken. Wie das mit canvas realisiert werden kann ist mir vollkommen schleierhaft.
Sollte alles kein Problem sein. Du kannst beliebig viele Canvas-Elemente anlegen und mit Zahlen versehen, auch zufällig.
Ich müsste aus einem Canvas ein JPG Bild machen.
Sieh dir die Funktion toDataURL an, damit ist das möglich:
https://developer.mozilla.org/de/docs/Web/AP…ement/toDataURL
Ich vermute, dass Du das betreffende Bild auf deiner Seite anzeigen willst. Dann kannst Du das Ergebnis von toDataURL direkt als src für ein img-Element verwenden.
Möchtest das Bild dagegen auf dem Server speichern, wäre es eher angebracht, das Ganze mit PHP zu erledigen.
Ja, das geht, mit Canvas kannst Du ein Bild erzeugen und einen beliebigen Text hinein schreiben, also auch ein Zahl. Um die Handhabung zu erleichern, empfehle ich eine Bibliothek wie jCanvas.
Auch mit JPG-Illuminator ist das sehr einfach mit dem Batchmodus. Man kann die Größe, entweder von der längeren oder der kürzeren Seite angeben, so dass es einwandfrei funktioniert egal was das Bild für ein Seitenverhältnis hat oder ob es Hoch-oder Querformat ist.
War leider nicht möglich, denn (das "Earth" Symbol auf der linken Seite neben der Adressleiste) - wird bei mir nicht angezeigt
Anscheinend findet man das nicht mehr in den Einstellungen. Es wird aber hier beschrieben, wie man es in about:config überprüfen kann:
https://support.mozilla.org/de/questions/981640
Ist aber wohl eher unwahrscheinlich, dass es daran liegt, denn dann müsstest Du ja generell das Problem haben.
Eine andere Möglichkeit wäre, dass eine Erweiterung der Schuldige ist. Starte FF mal im abgesicherten Modus:
Bist Du diesem Hinweis auch nachgegangen?:
Website settings
If Firefox does not display images from a particular site, then you need to do the following:
Start a website (the one in which the images are not displayed) and click on the “Site Identification” (the “Earth” icon on the left next to the address bar). Click on the little arrow and then on “Read more”.
In the “Permissions” scroll down to “Load Images” and select “Allow”.
Das Navigieren im DOM mit jQuery ist zu 50 % CSS. Am wichtigsten ist dies:
https://wiki.selfhtml.org/wiki/CSS/Selektoren/Kombinator
Beim Verwenden von Selektoren gilt, das man kein Vorgänger- und keine Elternelemente ansprechen kann. Dafür muss man jQuery verwenden.
Die wichtigsten Funktionen sind children(), find(), next(), prev(), parent() und closest(). Du informierst dich darüber am besten bei https://api.jquery.com/
Vergleiche mal genau die IDs, einmal im Screenshot und einmal im Javascript:
Im Javascript hat sie ein Prefix "ID_", das ich im HTML nicht erkennen kann.
Ich bin immer noch der Meinung, dass dieses:
$("option:selected", this).text()
den Text aller Selectboxen auf deiner Seite ausgibt und dass Du statt dessen dieses
+ $(this).find("option:selected").text()
verwenden müsstest.
Da wird empfohlen, Cookies und Cache zu löschen:
https://www.technobezz.com/what-to-do-if-…ozilla-firefox/
Versuche, ob das das Problem löst.
Ja, open und send sind die Befehle in Vanilla-JS. Ich ziehe statt dessen jQuery-Ajax vor, weil ich es einfacher und übersichtlicher finde.
Der erste Parameter ist das PHP-Skript, das aufgerufen werden soll.
Der zweite (data) die Daten, hier POST-Daten, da weiter unter method auf POST gesetzt wird. Diese Daten findet man unter den POST-Variablen im PHP-Skript wieder.
success ist die Callback-Funktion, die aufgerufen wird, wenn der Request erfolgreich war.
error-Callback kann man ebenfalls übergeben für den Fehlerfall, hier nicht genutzt.
Weitere Einzelheiten kannst Du hier nachlesen:
http://api.jquery.com/jquery.ajax/
Wenn Du diesen Code verwenden möchtest, darfst Du nicht vergessen, jQuery einzubinden.
Navigieren im DOM ist mit Vanilla-Javascript ziemlich spröde. Dafür empfehle ich eher jQuery. Bei deinem konkreten Beispiel brauchst Du jedoch gar nicht zu navigieren, weil Du schon die ID des gesuchten Elementes hast. Sollte so funktionieren (ungetestet):
var ele = document.getElementById('ID_Action_ApplicationName_Inner');
var eltxt = ele.textContent;
eltxt = eltxt.replace('Hilfe', 'NeuerText');
ele.textContent = eltxt;Siehe:
https://wiki.selfhtml.org/wiki/JavaScript/DOM/Node/nodeValue
document.getElementById("derText").firstChild.nodeValue = text;war in der alten Dokumentation von Stefan Münz ein gängiger Weg, um den Inhalt eines Textknotens zu ändern. Heute können Sie dies mit der Eigenschaft textContent bequemer erledigen.
Der Code, den Du gepostet hast, bringt bei mir auch nur die Ausgabe, die Du erwartest:
https://jsfiddle.net/Sempervivum/gd4tp1yz/1/
Dass Du eine so lange Ausgabe bekommst, könnte daran liegen, dass Du noch mehr selektierte Optionen auf deiner Seite hast. Mir ist außerdem nicht ganz klar, was Du mit dem zweiten Teil der Ausgabe vor hast: option:selectedspricht alle selektierten Optionen auf der Seite an. Hattest Du u. U. diese vor $("#filter_stunden option:selected").text()); ? Das würde nur die Texte der Optionen ausgeben, die Kindelement von #filter_stunden sind.
https://jsfiddle.net/Sempervivum/gd4tp1yz/4/
Ein wunder Punkt bei Kontaktformularen ist auch die Spamgefahr und wie man Spam abwehrt. Gerade aktuell gibt es dazu hier einen Thread:
https://www.html.de/threads/formular.58281/
Vielleicht könnte man dieses Tutorial um dieses Thema erweitern.
Mit etwas ähnlichem habe ich mich auch vor einiger Zeit beschäftigt. Dabei ging es um das Sammeln von Informationen über Schnapsfläschchen (es gibt nichts, was Leute nicht sammeln). Kein eigenes Projekt, sondern ich habe den Webmaster unterstützt. Wir haben es mit CSV-Dateien gemacht, aber was Du erwähnt hast, mit einer Datenbank wäre natürlich die bessere Lösung. Auf jeden Fall ist es möglich, das selbst zu programmieren, wenn Du dich in PHP und Datenbanken einarbeitest. Allerdings werden die Skripte dir nicht die Arbeit abnehmen können, die Informationen über den Circus zu sammeln und einzugeben. Dass es diese in einer Form gibt, die man maschinell auswerten kann, ist eher unwahrscheinlich.
Für das Einarbeiten in HTML und CSS bist Du hier bei html-seminar.de schon an der richtigen Adresse, denn Du findest hier nicht nur das Forum sondern auch Tutorials zum Lernen
Für PHP gibt es wahrscheinlich auch Tutorials, da kann dir sicher jemand anders eines empfehlen.
So etwas habe ich auch mal vor einiger Zeit gemacht:
<select id="files"></select>
<script>
$("#files").on("change", function () {
var filename = this.options[this.selectedIndex].value;
if (filename.match(/\\$/)) {
// Es handelt sich um ein Verzeichnis
console.log("dir")
path = filename.replace(/\\$/, "/");
$.ajax("getfilenames.php", {
data: {
path: path,
pattern: "*"
},
method: "POST",
success: function (output) {
$("#files").empty().append(output);
}
});
} else {
// Es handelt sich um eine Datei
}
});
</script>getfilenames.php:
<?php
ini_set('display_errors', '1');
error_reporting(E_ALL);
$path = $_POST['path'];
$pattern = $_POST['pattern'];
$filenames = glob($path . $pattern, GLOB_MARK);
echo '<option value="">Datei wählen</option>';
foreach ($filenames as $file) {
$file3 = utf8_encode($file);
$file2 = str_replace($path, '', $file3);
echo '<option value="' . $file . '">' . $file2 . '</option>';
}
?>Nicht sehr ausgefeilt mit Baumstruktur o. ä. aber erfüllt seinen Zweck.
Das sind 66 Bilder, man kann es aus dem Quellcode ablesen.
Freut mich zu lesen. Für welche Variante hast Du dich denn entschieden?