Beiträge von Sempervivum

Als ich die Endung sah, dachte ich zunächst OMG, aber es war dann glücklicher Weise nur Text drin. Wie ich sehe ist das Bootstrap. Ich habe mal die Dateien von Bootstrap 4 eingebunden und damit funktioniert es.

Mein Javascript war auch gar nicht so verkehrt, jedoch fehlte eine öffnende Klammer und das event.preventDefault(). Ohne letzteres wird die Seite neu geladen und das Akkordeon ist gleich wieder zu.

Dieses funktioniert auf meiner Testseite:

        $('a[href*="#accordion"]').on('click', event => { // <--- öffnende Klammer fehlte
            event.preventDefault(); // <--- dieses fehlte
            const hash = event.target.href.split('#')[1];
            $('#' + hash + ".collapse").collapse("show");
        });

PS: Ich sehe gerade, dass in dieser Zeile das const nicht hin gehört, lösche es:

const $('#' + hash + ".collapse").collapse("show");

Da müsste man jetzt sehen, wie dieses Akkordeon aufgebaut ist, um es zu untersuchen. HTML und CSS.

Ich nehme mal an, deine Links sehen so aus:

<a href="./index.html#accordion-14913-item-2">Der Linktext</a>

Dann sollte es so funktionieren:

$('a[href*="#accordion"]').on('click', event =>
    const hash = event.target.href.split('#')[1];
    const $('#' + hash + ".collapse").collapse("show");
});

aber ungetestet

Um die Fragen beantworten zu können, wäre es am besten, wenn man das live sehen könnte. Wenn Du die Seite online hast, dann poste die URL, sonst das wesentliche HTML und CSS.

Was hat es denn mit dem custom.css auf sich? Benutzt Du ein CMS oder ein Template?

Sicherlich alles machbar aber Du müsstest auch das HTML mit den anderen Elementen posten und am besten auch das Logo als Anhang mit posten.

Aber ich verstehe das so, dass das Logo sich in der Mitte positionieren sollte, als ob die anderen Elemente gar nicht da wären?

Hier:

https://stackoverflow.com/questions/3255…856609#33856609

werden die verschiedenen Möglichkeiten der Positionierung und insbesondere Zentrierung beschrieben.

Dein Szenario dürfte dieses sein:

"Center a flex item when adjacent items vary in size"

und es werden mehrere Lösungen angegeben.

Zitat

Zumal die Lösung zwar mit <figure> geht, <figcaption> aber neben statt unter dem Bild dargestellt wird. Ohne den Code von dir steht es unter dem Bild.

Die Anordnung kann man beliebig steuern, z. B. durch Flexlayout wie in dem Fiddle. Wenn ich dein Eingangsposting noch Mal lese, möchtest Du das Bild unter dem Text haben. Das ist auch kein Problem:

https://jsfiddle.net/Sempervivum/v4xcemzn/1/

Und in einer Tabellenzelle geht es genau so gut:

https://jsfiddle.net/Sempervivum/9s3ov2e5/2/

In der Doku für fgetcsv:

https://www.php.net/manual/de/function.fgetcsv.php

lese ich:

Zitat

fgetcsv() gibt null zurück, wenn ein ungültiger handle übergeben wurde oder false bei anderen Fehlern einschließlich Dateiende.

Da deine Fehlermeldung lautet:

Zitat

Trying to access array offset on value of type bool

trifft offenbar der zweite Fall zu, andere Fehler einschl. Dateiende. D. h. irgend etwas ist mit dieser Datei nicht in Ordnung. Das erklärt auch, dass der Fehler nicht immer auftritt, denn wenn das Parsen fehlerfrei ist, tritt er nicht auf.

Selbstverständlich ist das möglich, mit einer Mediaquery kannst Du die Darstellung abhängig von der Breite des Browserfensters umschalten:

https://jsfiddle.net/Sempervivum/tq0wvjbx/

Hallo Kai,

ich habe die Textdatei herunter geladen und habe zunächst zwei Fragen:

1. Ich kann bei den Tabelleninhalten oben und unter keinen Unterschied erkennen. Erwartet hätte ich, dass oben ein Kurztext bzw. eine Zusammenfassung steht und unten dann ausführlichere Infos?
2. Wie wird diese Seite denn gepflegt? Werden die Inhalte im HTML-Text direkt geändert?

Bei den Serien stehe ich auf die, bei denen ich ein wenig ablachen kann:

Immer wieder Jim

iCarly

Meine Schwester Charly

Die Nanny

Wer ist hier der Boss

wobei außer dem ersten in der Liste im Moment alle gestrichen sind.

Und bei den Filmen fand ich "Während Du schliefst" ganz gut.

Im ersten Schritt, wenn es nur darum geht, eine PHP-Datei im Browser anzeigen zu lassen, sind VS-Code und XAMPP zunächst mal unabhängig. Wenn Du jedoch den Debugger aktivieren willst, muss

1. xdebug auf dem Server installiert sein (was möglicher Weise bei XAMPP bereits der Fall ist),
2. eine entspr. Erweiterung in VS-Code installiert sein,
3. und die ganze Konfiguration richtig konfiguriert sein.

Weil ich selber IIS-Express als Server habe (aus historischen Gründen) kann ich dich mit XAMPP aber nicht qualifiziert beraten.

Ja, Du brauchst einen Server um PHP auszuführen.

Die Frage kann man so nicht beantworten, weil es, wie oben schon gesagt, davon abhängt, was Du realisieren willst. Zum Beispiel ein Kontaktformular: Hier stehen Javascript und PHP bei der Validierung gleichwertig nebeneinander, wobei Javascript auf der Clientseite die Benutzerfreundlichkeit herstellt und PHP auf der Serverseite die Sicherheit gegen Manipulationen.

Ich bin jetzt nicht im Bilde ob man dafür eine Erweiterung braucht. Versuche Rechtsklick - "Dokument formatieren". Selber habe ich es so konfiguriert, dass automatisch beim Speichern formatiert wird. Strg+S und das Dokument ist formatiert und gespeichet.

Wenn es dir nur darum geht, es auszutesten, ist es mehr oder weniger egal, denn sowohl bei Javascript als auch bei PHP wirst Du feststellen ob dir das Programmieren liegt. Sonst hängt es vom Projekt ab, was Du realisieren möchtest. Hast Du da schon eine Vorstellung?

Unabhängig davon müsste am Anfang aber zunächst mal HTML und CSS stehen, denn das brauchst Du, um den sichtbaren Teil der Website zu gestalten. Und ein wesentlicher Bestandteil von Javascript sind die Zugriffe auf das DOM, d. h. das Abbild der Elemente, die auf der Seite sichtbar sind.

Ich meinte die Entwicklerwerkzeuge im Browser, die sind sehr hilfreich bei der Entwicklung und bei mir geht es nicht ohne. Der Standardbrowser in Windows 10 ist Edge. Firefox ist zu empfehlen.

Rechtsklick in das Browserfenster und dann "Element untersuchen" o. ä. Dann öffnet sich ein zusätzliches Fenster mit den Entwicklerwerkzeugen.

Das Debuggen hängt ein wenig vom Browser ab. Welchen benutzt Du denn zum Entwickeln? In jedem Fall brauchst Du die Entwicklerwerkzeuge, Rechtsklick in die Seite und dann der Tab "Debugger" oder "Sources" o. ä.

Ich habe nur diese Erweiterungen installiert:

html-seminar.de/woltlab/attachment/3042/

Für Javascript brauchte ich gar nichts zu installieren, Syntay-Highlighting und Anzeige von Syntaxfehlern funktioniert anscheinend auch so. Und zum Debuggen von JS benutze ich den Browser.

Scriptly ist sehr stark veraltet, z. B. unterstützt er die semantischen Tags von HTML5 nicht. Steige besser auf einen aktuellen Editor um, ich empfehle Visual Studio Code.