Externes Javascript in Drupal 7 Webseite einbauen
Eingetragen von maria-rita (504)
am 13.09.2018 - 17:19 Uhr in
am 13.09.2018 - 17:19 Uhr in
Hallo zusammen,
wie man eigene Javascript Dateien einbaut ist mir klar.
Aber wie verhält es sich mit externen Javascripts, wie z.B. dieses hier: Marita Betz
var vpPlayer = new VpPlayer({
embedId: "VNa2AxuXjmLL"
});
Wie kann ich das so einbauen, dass es nur auf einer bestimmten Seite kommt z.B. auf der Startseite.
Einfach ein neues Template front-page.tpl.php machen und darin dann im Footer-Bereich das Script so wie es ist einfügen funktioniert anscheinend nicht. Habe den Cache geleert und trotzdem erscheint das nicht, was erscheinen sollte.
Viele Grüße
Marita Betz
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo Marita,in deiner
am 13.09.2018 - 20:52 Uhr
Hallo Marita,
in deiner template.php oder in einem eigenen Modul mit folgenden Code einbinden:
<?php
drupal_add_js('http://example.com/example.js', 'external');
?>
Wobei ich gerade einmal bei google gesucht habe. Du meinst glaube diesen Player, oder?
https://github.com/rvprasath/vpplayer
Da wird die js-Datei nicht extern geholt sondern heruntergeladen und dann auf deinem Webserver abgelegt. Ich habe das so gelöst, dass ich in dem Template-Ordner einen Ordner "js" erstellt habe und dort die externe Javascript ablege.
sites/all/themes/DEINTEMPLATE/js/
Dann über die template.php oder mit Modul einbinden:
<?php
drupal_add_js('js/vplayer.js', 'file');
?>
Liebe Grüße
Danke
am 13.09.2018 - 22:22 Uhr
Hallo Nicki,
danke für deine Antwort.
Das ist ein Cloud-Dienst wo ich da auf der Webseite einbinden will.
Also der vplayer ist bei dem Cloud-Dienst denke ich.
Viele Grüße
Marita Betz
Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de
Hallo Marita, du kannst es
am 13.09.2018 - 23:15 Uhr
Hallo Marita,
du kannst es auch einfach in die .info Datei deines Themes einbinden, z.B. so
scripts[] = https://example.com/js/vplayer.js
Gruß
Berthold Lausch
Drupal Video-Tutorials
Ohne basteln geht es sehr
am 14.09.2018 - 13:52 Uhr
Ohne basteln geht es sehr komfortabel mit https://www.drupal.org/project/js_injector
Aber eigentlich braucht man das Modul nicht...siehe Thread von torfnase.
Wenn du es nutzt, dann solltest du unbedingt regelmäßig checken ob es auf der security advisory policy steht.
Grüße Jenna
Danke Berthold
am 14.09.2018 - 18:37 Uhr
Ich werde das mal testen.
Ich soll also den Quellcode in die Datei vplayer.js einfügen und diese dann so wie Du geschrieben hast einbinden, habe ich das richtig verstanden?
Aber dann kommt das ganze dann auf jeder Seite. Ich möchte das aber nur auf der Startseite haben.
Durch den Code kommt eine Anmiation mit einem Sprecher/in wo dann etwas erzählt. Das ist ein Dienst der ja nicht bei mir auf dem Server ist.
Viele Grüße
Marita Betz
Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de
Wer ist Bernhard ?
am 14.09.2018 - 18:24 Uhr
Wer ist Bernhard ?
Drupal Video-Tutorials
Sorry
am 14.09.2018 - 18:38 Uhr
schon korrigiert, so geht es wenn man im Stress ist.
Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de
Danke Jenna
am 14.09.2018 - 19:28 Uhr
wo finde ich diese security advisory policy?
Viele Grüße
Marita
Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de
Hab dir den falschen Satzteil
am 14.09.2018 - 20:27 Uhr
Hab dir den falschen Satzteil hier reinkopiert, ich meinte nur du solltest bei solchen Modulen immer drauf achten das es als sicher eingestuft ist.
Auf der Modulseite kommt sonst ein orangefarbener Hinweis mit diesem Text: This project is not covered by Drupal’s security advisory policy.
Das bedeutet, das es Sicherheitslücken geben kann die eventuell im Netz bekannt sind, muß aber nicht sein.
Bei solchen Modulen mit Javascript sollte es eine sichere Version sein und das zukünftig im Auge behalten ob es auch so bleibt.
Bei diesem Modul kannst du übrigens eingeben auf genau welcher Node-ID das Javascript erscheinen soll oder bei welchem Inhaltstyp usw.
Grüße Jenna
Danke Jenna
am 15.09.2018 - 23:27 Uhr
Habe mir das Modul jetzt mal heruntergeladen und versucht das Javascript so umzubauen, dass es darin funktionieren sollte.
Das Script was ich jetzt eingefügt habe sieht momentan so aus:
$document). ready(function) {
$.getScript('https://videopal.me/js/vp_player.min.js?v=1.1.28" data-cfasync="false" ';)
var vpPlayer = new VpPlayer({
embedId: "VNa2AxuXjmLL"
}); }
Und bei der Seiteangabe unten habe ich nicht die Node id angegeben sondern den Namen der Seite. Funktioniert ja sonst auch.
Aber die Figur erscheint nicht.
Ich bin auch nicht sehr fit in Javascript, weil ich damit eigentlich nie arbeite.
Stimmt jetzt etwas am eingefügten Code nicht?
Den vplayer habe ich jetzt nicht lokal auf der Seite, weil ich da ja auf die Cloud zugrefen muss.
Brauche ich dazu evtl. noch Jquery UI? Oder noch ein anderes Modul?
Vielen Dank für Eure Hilfe.
Viele herzliche Grüße
Marita
Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de
Wenn du ein JS einbinden
am 15.09.2018 - 23:34 Uhr
Wenn du ein JS einbinden willst, dann muss davor und dahinter auch ein script-Tag stehen.
Und falls du das mit dem CK-Editor machst, aufpassen, dass der die das Script nicht "herausstreicht". Aber das kannst du ja im Quelltext der Seite leicht sehen.
Wenn irgendein JS, z.B. aus der JQuery fehlen sollte, dann solltest du das über die Fehler-Konsole des Browsers leicht sehen können.
Da werden solche Fehler aufgelistet und es steht genau dabei, was fehlt.
Gruß
Berthold
Drupal Video-Tutorials