Wie man sieht ist das mit Jquery auch nicht viel kleiner,bei diesen Beispiel,
Doch, es ist deutlich kleiner: du darfst nicht vergessen dass du jQuery auch noch laden musst und das sind dann nochmal rund 90k - da brauchst du schon sehr viel Code dass Vanilla-JS größer ist als jQuery-Code.
Zb hier so
Codedocument.addEventListener("DOMContentLoaded", function(event) { document.getElementsByClassName('_2s1y')[0].style.background='red'; })ungetestet
document.querySelector existiert, damit lassen sich auch andere Selektoren als einfache Klassennamen verwenden (wie mit Jquery('…')/$('…')). Ggf. auch querySelectorAll um mehrere Elemente abzufrühstücken (das dann aber ggf. mit for o.ä.).
Dachte jQuery hätte einige nützliche Vorteile gegenüber reinem JS
?
Welche? Das was jQuery vereinfacht und auch browserübergreifend ermöglicht hat geht inzwischen mit Vanilla-JS (also reines Javascript) auch, wobei die Browser da inzwischen alle relativ gleich auf sind was die Unterstützung von Standards angeht. Ja, es gibt Unterschiede aber die sind längst nicht mehr so groß wie früher.
Uncaught TypeError: jQuery(...).CSS is not a function
Die jQuery-Methode heißt auch »css« und nicht »CSS« … Inwiefern es allerdings sinnvoll ist in 2020 überhaupt noch jQuery zu lernen und nicht bei reinem Javascript zu bleiben sei mal dahingestellt.
Ich hab einfach die informationen von Seite zu Seite mitgeschleppt und sie ausgeblendet
Üblicher Weise macht man das ja eigentlich so dass die Daten in einer Session gespeichert werden und so am Server zwischengespeichert werden. Zudem wäre es sinnvoll alle Schritte in einer Datei abzufrüstücken und nicht für jeden Schritt eine eigene Datei anzulegen (Stichwort Affenformular). Außerdem: enden deine Dateinamen wirklich auf .html? Werden die von PHP geparst?
<input type="hidden" id="test" name="test" value="<?php echo $_POST['test']; ?>">
Wenn du jetzt noch den Kontextwechsel behandelst, handelst du dir auch keine Sicherheitslücke ein bzw. auch Daten mit einem Anführungszeichen darin kommen vollständig an.
Versuch mal das Passwort rauszufinden.
Wozu? Wie du schon schriebst lässt sich das umgehen: der Code lässt sich problemlos so manipulieren dass die Passwortabfrage immer true ergibt, egal was man eingibt. Clientseitiges Javascript darf niemals für einen "Passwort-Schutz" verwendet werden, auch nicht für "nicht wichtige Daten" - wenn die Daten nicht wichtig sind, kann man den "Schutz" auch weg lassen. Wenn es einen Schutz braucht, dann muss es immer eine serverseitige Sprache sein (nicht zwingend PHP, gibt ja noch genug andere).
PHP<form class="form" method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>">
Warum der Aufwand? Lass das action-Attribut doch einfach ganz weg wenn das Formular auf die gleiche URL zeigen soll …
Das <form> Element muß aber trotzdem als parent vorhanden sein ,oder geht das auch ohne ?
Vieleicht hat Bootstrap da eine andere ( eigene ) Syntax ,nur das ist nicht mein Wissen ?
Ich kenne Bootstrap jetzt zwar nicht wirklich, aber selbst wenn das Formular über irgendwelche JS-Pfuschereien ersetzt würde, müsste als Fallback immernoch ein Formular (also <form>) vorhanden sein - Bootstrap ist letztendlich nur ein CSS-Framework und kann nicht zaubern.
Alle Buttons require geben kann Theoretisch ja nicht klappen.
Nur einen ja auch nicht,oder halt wie du es gemacht den ersten require geben das ergebe dann sinn.
require für einen radio-Button oder für alle, das ist egal: https://stackoverflow.com/a/8287947 (in den Kommentaren zu der Antwort ist auch ein Link zur Quelle).
PS: bei Sternen ist es üblich dass mehr Sterne besser sind, nicht notenmäßig je weniger desto besser.
Wenn ich eine eigene Website index.html habe, in der auf eine andere Website weitergeleitet ist....
Kann ich da irgendwie beeinflussen, dass in der Adresszeile dann ein definierter WebsiteName steht
Indem du auf diesen "definierten WebsiteNamen" weiterleitest. In der Adresszeile steht immer die gerade aufgerufene URL drin, was der Server dann damit macht ist natürlich dessen Sache. Wenn dir natürlich der "definierte" Server nicht gehört wird dessen Domain auch nicht in der Adresszeile stehen.
Evtl musst du auch etwas genauer erklären was du meinst, auch was das für "Weiterleitungen" sein sollen. Und: verwende als Beispieldomains keine evtl. vorhandenen sondern die dafür gedachten Domains wie example.com/.org/.net.
Dafür wirst du mit margin arbeiten müssen - du solltest aber zunächst mal dein HTML aufräumen.
grid-column-gap und grid-row-gap erwarten genau einen Wert, nicht mehrere. Zudem dürfte da auch noch einiges an CSS fehlen.
Dein HTML ist allerdings auch schon falsch:
Wie sieht das HTML dazu aus? So lässt sich das nicht nachvollziehen …
okay gut das wusste ich nicht, wieso darf man da kein Text einfügen? ist die Datei dann fehleranfälliger? oder entspricht es nicht der Etikette?
Das ergibt einfach ungültiges HTML, <ul> ist eben so definiert dass es keinen Text direkt enthalten darf.
Verwende flexbox, siehe https://wiki.selfhtml.org/wiki/CSS/Tutor…alte_zentrieren. btw: dein HTML ist ungültig, <ul> darf keinen Text ohne <li> drumrum enthalten.
Aber jetzt klappt es doch. Den zusätzlichen Code unten angefügt und auf der Startseite ist das Bild nur noch 350 Pixel hoch. Sieht gut aus. Allerdings wird es im Artikel selbst immer noch verzerrt und viel zu groß dargestellt, siehe https://silviadiessner.de/2020/08/05/gefallenenfriedhof/
Gibt es eine Möglichkeit auch das zu ändern? Wäre schön.
Bei mir wird es richtig angezeigt, ggf. ein Cacheproblem?
Nein, ich weiß nicht, dass eine Klammer fehlt. Ich kenne die Syntax einer style.css nicht.
Im Editor sieht es allerdings fehlerfrei aus. Auch ohne Klammer ist keine Zeile rot, siehe Anhang.
Danke und Grüße
Dann solltest du dich vielleicht zumindest mal mit den Grundlagen von CSS beschäftigen, zumindest so weit dass du weißt wie CSS grundsätzlich aufgebaut ist. Der Editor taugt nichts, wobei das ja auch nur eine Art Hilfskrücke ist um über das Webinterface am CSS was ändern zu können. Ich haben den Code (ohne das überflüssige important) mal in VS Code gesetzt:
html-seminar.de/woltlab/attachment/2598/
der bemängelt gleich die fehlende Klammer am Ende. Der Cursor steht über dem rot unterkringelten in Zeile 7, dann erscheint das Kästchen mit der Erklärung was falsch ist (die Leerzeilen sind nur dazu da damit das Kästchen max-height und width nicht verdeckt).
Der hier gepostete Code IST vom Hersteller.
Dann solltest du ihn fragen wo du das genau einfügen sollst - er sollte das wissen.
Phase5 kenne ich noch aus der Zeit, in der ich mich gelegentlich mit Programmierung beschäftigt habe. Ist aber lange her. Ich probiere auch gern ein vergleichbares kostenloses Programm aus. Nur sollte es für ahnungslose Gelegenheitsnutzer geeigenet sein.
Das ist aber schon sehr lange her 
Phase5 dürfte seine Blütezeit so vor ca. 20 Jahren gehabt haben … Kostenlose, gute Editoren gibt es wie Sand am Meer, aktuell sehr beliebt (und auch sehr mächtig) ist Visual Studio Code, dir reicht aber evtl. auch Bluefish.
An welcher Stelle muss ich denn den Code einfügen? Dass es die falsche Stelle war (mehrere Zeilen ausprobiert), habe ich gemerkt, weil mein Online-Editor in Wordpress "gemeckert" hat (also rote Codezeilen).
Prinzipiell sollte es reichen den Code am Ende anzuhängen - ich weiß allerdings nicht wieweit du die CSS-Dateien überhaupt bearbeiten kannst (v.a. so dass Änderungen nicht bei Updates o.ä. wieder überschrieben werden). Im Code habe ich allerdings eine (aktuell leere) CSS-Datei gesehen die für eigenen Code gedacht zu sein scheint - nach der solltest du mal suchen.
Generell zu meinem css: Ich nutze ein gekauftes Template für Wordpress. Wie gut oder schlecht das programmiert ist, kann ich nicht beurteilen. Bisher hat alles funktioniert. Nur eben mit der Bildhöhe gibt es Anpassungsbedarf.
Auf mich macht es keinen guten Eindruck, der Code (HTML und CSS) enthält Fehler, ohne Javascript fehlen Teile der Startseite und die Farben im Menü sind z.T. sehr ungünstig (wenig Kontrast). Aber wenn du es gekauft hast, wieso wendest du dich dann nicht an den Hersteller?
Editor: Phase5
Das solltest du ändern. Phase5 ist nicht mehr zu gebrauchen: er kann kein UTF-8.
Der zusätzlich einzufügende Code Nr.2
CSS.et_pb_blog_0 .et_pb_post .entry-featured-image-url img{ max-height: 350px !important; width: auto !important;
Laut Entwicklerwerkzeug hast du den Code nicht bzw. an der falschen Stelle eingefügt, wenn man die Einstellungen (ohne !important, damit sollte man ohnehin sehr sparsam sein) von Hand einfügt wird das große Bild mit 350px Höhe dargestellt (und auch nicht verzerrt). Wo du das allerdings eingefügt hast, weiß ich nicht. (200kB minifiziertes CSS? Dein Ernst?)
Und hier zu meiner frage. Mit onclick wird man sofort weitergeleitet. Kann man das mit <script lösen ohne das man den Button zur weiterleitung anspricht, da dieser in einer anderen Datei programmiert ist und automatisch den radio button nimmt der angeclickt wurde.
Nein onlick leitet nicht generell sofort weiter, aber du setzt halt location.href damit … btw: Code immer als Text posten, nie als Screenshot.
So wirklich eine Ahnung was du da eigentlich vor hast habe ich nicht, aber evtl. hilft dir das formaction-Attribut des button-Elements? Theoretisch könntest du auch per Javascript je nach gewähltem Radio-Button entscheiden was passieren soll, davon würde ich allerdings dringend abraten: ohne Javascript funktioniert die Seite dann nicht mehr, besser wäre es ein serverseitiges Script entscheiden zu lassen was passiert.
