Javascript bindet Inhalt direkt unter BODY ein

Hallo zusammen,

mit dem Aufruf "window.onload = function()" wird das ausgeführte Javascrift direkt unter BODY eingefügt. Dabei wird dort ein Verzeichnis mit <div class="window main">...</div> mit mehreren Unterverzeichnissen angelegt. Was kann ich tun, damit das Javascript auf der Webseite unter "/container/main/inside/mod_article" ausgeführt und angezeigt wird?
Kann mir bitte jemand einen Tipp geben wie man anstatt mit window.onload mittels einem anderen Aufruf dies erreichen kann.
Danke!


Gruß
Thomas

Zitat:

---

Zitat von Thomasge

Hallo zusammen,

mit dem Aufruf "window.onload = function()" wird das ausgeführte Javascrift direkt unter BODY eingefügt. Dabei wird dort ein Verzeichnis mit <div class="window main">...</div> mit mehreren Unterverzeichnissen angelegt. Was kann ich tun, damit das Javascript auf der Webseite unter "/container/main/inside/mod_article" ausgeführt und angezeigt wird?
Kann mir bitte jemand einen Tipp geben wie man anstatt mit window.onload mittels einem anderen Aufruf dies erreichen kann.
Danke!


Gruß
Thomas

---

* wer ruft "window.onload = function()" auf? irgend ein Theme?
* JS legt auf dem Server keine Verzeichnisse an

bitte erklär Dich besser, wo Du bist, was das Problem ist bzw. was Dein Ziel - Link zur Webseite könnte auch helfen

Zitat:

---

Zitat von zonky

* wer ruft "window.onload = function()" auf? irgend ein Theme?
* JS legt auf dem Server keine Verzeichnisse an

bitte erklär Dich besser, wo Du bist, was das Problem ist bzw. was Dein Ziel - Link zur Webseite könnte auch helfen

---

Anbei der Link zur Webseite, vielleicht erklärt das besser mein Problem https://www.musikverein-hirschzell.d...cd-intern.html.

Gruß
Thomas

nun ja... Seite kann man aufrufen... ein paar Fehlermeldungen auf der Konsole sind zu sehen... den Audioplayer würde ich anders positionieren, aber vlt. soll das zum 90er-Style der Seite passen

was war Deine Frage?

Wenn ich die Frage richtig verstehe, kannst du das erzeugte <div> ganz einfach mit Javascript zur gewünschten Stelle verschieben. Stichwort .appendTo bzw. .prependTo mit Jquery.

Zitat:

---

Zitat von dazzle89

Wenn ich die Frage richtig verstehe, kannst du das erzeugte <div> ganz einfach mit Javascript zur gewünschten Stelle verschieben. Stichwort .appendTo bzw. .prependTo mit Jquery.

---

Danke für die Info. In der dazugehörigen JS-Datei ist der Code nur einzeilig dargestellt, kann man diesen Inhalt irendwie logisch darstellen zur Übersichtlichkeit. Bei alle anderen Scripte die ich habe ist dies so. Gibt es dafür vielleicht ein entspechendes Programm? Anbei die Datei, welche mir diesbezüglich Probleme bereitet Anhang 24408.
Danke!

https://beautifier.io/ ;)

Zitat:

---

Zitat von zonky

nun ja... Seite kann man aufrufen... ein paar Fehlermeldungen auf der Konsole sind zu sehen... den Audioplayer würde ich anders positionieren, aber vlt. soll das zum 90er-Style der Seite passen

was war Deine Frage?

---

Ich hätte gern den Standard Audio-Player hergenommen, aber ich bin da am Design gescheitert. Ich habe zwar herausgefunden wie man die Hintergrundfarbe vom Panel verändern kann aber mehr auch nicht, zudem konnte ich noch eine Playlist einbauen. Weder wie man die Steuerelemente farblich verändert noch wie man zusätzliche Steuerelemente aktiviert war bei meinen Recherchen dazu nicht zu finden.
Gibt es hierfür vielleicht eine gute Anleitung wo man dies entnehmen kann?

ich hab für Isotope mal eine Playlist mit https://jplayer.org/ gebaut - siehe https://www.robert-metcalf.de/lieder...or-a-song.html

Zitat:

---

Zitat von Thomasge

Ich hätte gern den Standard Audio-Player hergenommen, aber ich bin da am Design gescheitert.

---

Möglicherweise hilft dieser Artikel weiter: https://css-tricks.com/lets-create-a...-audio-player/

Ich bin jetzt einen Schritt weitergekommen, da es ja Möglichkeiten gibt die Steuerelemente farblich zu ändern. Dadurch würde mir der Standard Audio Player völlig ausreichen. Mit folgendem CSS Selektoren konnte ich bereits einige dieser Steuerelemente stylen.

audio::-webkit-media-controls-panel, für den Container der Steuerelemente,
audio::-webkit-media-controls-enclosure, Container für den Audio Player
audio::-webkit-media-controls-current-time-display, Zeit die bereits verstrichen ist
audio::-webkit-media-controls-time-remaining-display, Gesamtzeit der Audio-Datei

Bei dem Start/Pause Button, Schieberegler für die Abspieldauer und Lautstärke sowie dem Button für die Stummschaltung konnte ich noch keine Anpassung durchführen. Den Button für das Herunterladen der Datei möchte ich gerne ausblenden. Diese Steuerelemente konnten noch nicht angepasst werden.

Kann mir bitte jemand mitteilen wie ich die restlichen Steuerelemente auch noch anpassen kann, vor allem welche CSS-Selectoren dafür verwendet werden müssen.
Danke!

Gruß
Thomas

Nur ein Hinweis. Der Präfix -webkit- gilt nur für Chrome und Safari, das heißt wenn du so deine Änderungen machst sollte das nur in den zwei Browsern funktionieren.
Bei dem HTML Player bringt jeder Browser eine eigene Formatierung mit. Du müßtest über einen Inspektor die Selektoren für die Element herausfinden und kannst sie dann in deinem eigenem CSS überschreiben.

bei Firefox kannst du fogende Selektoren verwenden:

Code:

---

.controlBar > .button {fill:red;}
.controlBar > .button:hover {fill:blue}

---