Javascript Zeile in Cassiopeia Template einfügen

Am einfachsten auch index.pho ins child template kopieren und gewünschte js anweisung einfügen.

Ja, so ist es.

Eventuell nützlich:

Einbinden von JavaScript - wo und wie?

Wenn es egal ist, dass alle Stile die Zeile im Frontend eingesetzt bekommen: https://github.com/GHSVS-de/pl…sertwhatwhereghsvs#readme

Dann brauchst keine neue index.php.

Releases · GHSVS-de/plg_system_insertwhatwhereghsvs

Contribute to GHSVS-de/plg_system_insertwhatwhereghsvs development by creating an account on GitHub.

github.com

Übrigens, danken kann man hier im Forum auch einfach per klick auf den Button "Reagieren" am unteren rechten Ende jeden Postings den man nicht selbst erstellt hat.

Zitat von lukass2000

Code

<script language="javascript" type="text/javascript" src="https://xxxxxxxx.com/info.js"></script>

... So wie ich das verstehe benötige ich eine user.js in dem Ordner, welche ich auch erstellt habe.
Füge ich dort obige Zeile ein, passiert aber leider gar nichts...

Das kann so nicht funktionieren weil es sich um HTML-Code handelt den du nicht in einer JS-Datei ausführen kannst.

Du kannst aber z.B. eine joomla.asset.json-Datei im Cassiopeia-Child-Template erstellen mit identischem Inhalt wie die joomla.asset.json-Datei im Cassiopeia-Core-Template und änderst diese Datei am Ende nach dem "fontawesome-Abschnitt" entsprechend wie das nachfolgende Muster korrekt ab:

,
    {
      "name": "fontawesome",
      "type": "style",
      "uri": "system/joomla-fontawesome.min.css"
    },
      {
      "name": "example.com",
      "description": "The name of a src-file where is example  javascript",
      "type": "script",
      "uri":  "https://example.com/info.js",
      "dependencies": [
        "template.active"
      ]
    }

  ]
}

Dann mußt du in der index.php des Cassiopeia-Child-Template auch eine Zeile ergänzen wie nachfolgend als Beispiel nach der ->useScript('template.user')

    ->useScript('template.user')
    ->useScript('example.com')

wobei example.com in beiden Dateien natürlich identisch sein muß.

Zitat von lukass2000

...So wie ich das verstehe benötige ich eine user.js in dem Ordner, welche ich auch erstellt habe...

Wie müsste denn der Code in der user.cs aussehen, damit dann die Javascript Datei abgerufen wird?

Weitere alternative anstatt #2 oder #7 oder #10 wäre eventuell z.B. in der user.js nachfolgender Code:

var exampleSkript = document.createElement('script');
exampleSkript.type = 'text/javascript';
exampleSkript.src = 'https://example.com/info.js';
document.getElementsByTagName('head')[0].appendChild(exampleSkript);

Alternative 3 wäre eventuell z.B. in der user.js folgender Code:

document.addEventListener("DOMContentLoaded", function(){
var exampleSkript = document.createElement('script');
exampleSkript.type = 'text/javascript';
exampleSkript.src = 'https://example.com/info.js';
document.getElementsByTagName('head')[0].appendChild(exampleSkript);
})

Damit dürfte das Script dann wohl recht weit unten im "head"-Bereich landen und wartet wohl auf den Aufbau des DOM.

Übrigens wenn du im Code body anstelle von head einträgst landet das im body-Bereich falls erforderlich.

Ich bin aber nur ein Laie und folglich alles ohne Gewähr sowie einen schönen 2.Advent und viele Wege führen nach Rom...

Eventuell das externe Script asynchron Laden durch das ergänzen in den Codes in #11 mit:

exampleSkript.async = true; 

Siehe diesbezüglich z.B. auch:

Javascript defer und async – einbinden und ausführen

Das script-Tag darf sowohl im head als auch an beliebiger Stelle des HTML-Dokuments stehen, aber Javascript wird heute vorzugsweise ans Ende der HTML-Seite…

www.mediaevent.de

Ich bin aber nur ein Laie und folglich alles ohne Gewähr sowie einen schönen 3.Advent und viele Wege führen nach Rom...