Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

Externes Javascript in Drupal 7 Webseite einbauen

Eingetragen von maria-rita (504)
am 13.09.2018 - 17:19 Uhr in
  • Anfängerfragen
  • Drupal 7.x

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

‹ Wechsel des Stammverzeichnis - Login - Zugriff verweigert Dropdownmenu und OpenLayer ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Marita,in deiner

Eingetragen von nicki (188)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke

Eingetragen von maria-rita (504)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Marita, du kannst es

Eingetragen von torfnase (1525)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ohne basteln geht es sehr

Eingetragen von Jenna (1883)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke Berthold

Eingetragen von maria-rita (504)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Wer ist Bernhard ?

Eingetragen von torfnase (1525)
am 14.09.2018 - 18:24 Uhr

Wer ist Bernhard ?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Sorry

Eingetragen von maria-rita (504)
am 14.09.2018 - 18:38 Uhr

schon korrigiert, so geht es wenn man im Stress ist.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke Jenna

Eingetragen von maria-rita (504)
am 14.09.2018 - 19:28 Uhr

wo finde ich diese security advisory policy?

Viele Grüße

Marita

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hab dir den falschen Satzteil

Eingetragen von Jenna (1883)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke Jenna

Eingetragen von maria-rita (504)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Wenn du ein JS einbinden

Eingetragen von torfnase (1525)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 1 Woche 3 Tagen
  • Hey danke
    vor 1 Woche 4 Tagen
  • Update: jetzt gibt's ein
    vor 1 Woche 5 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 2 Tagen
  • Da scheint die Terminologie
    vor 2 Wochen 2 Tagen
  • Kannst doch auch alles direkt
    vor 3 Wochen 1 Stunde
  • In der entsprechenden View
    vor 3 Wochen 1 Stunde
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 1 Stunde
  • gelöst
    vor 5 Wochen 3 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 5 Wochen 4 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20450

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 15 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association