Javascript für Spendenformular einbinden

[elchfan]

Hallo Community,

ich möchte folgendes Spendenformular https://www.betterplace.org/de/proje...ations/new#eft
auf unserer Vereinswebsite einbinden.
Der fertige Code, den man verwenden kann ist:

<script type="text/javascript">
  /* Configure at https://www.betterplace.org/de/projects/42530-solarpumpe-mit-solaranlage-fur-das-missionskrankenhaus-adi-dr-kongo/manage/iframe_donation_form */
  var _bp_iframe        = _bp_iframe || {};
  _bp_iframe.project_id = 42530; /* REQUIRED */
  _bp_iframe.lang       = 'de'; /* Language of the form */
  /* Remove "//" for further customization but *only* if you really need to! */
  // _bp_iframe.width = 600; /* Custom iframe-tag-width, integer */
  // _bp_iframe.color = '6c9c2e'; /* Button and banderole color, hex without "#" */
  // _bp_iframe.background_color = 'fff'; /* Background-color, hex without "#" */
  // _bp_iframe.default_amount = 50; /* Donation-amount, integer 1-99 */
  // _bp_iframe.default_data_transfer_accepted = false; /* true (default), false */
  // _bp_iframe.recurring_interval = 'single'; /* Interval for recurring donations, string out of ["single", "monthly", "quarter_yearly", "half_yearly", "yearly"] */
  (function() {
    var bp = document.createElement('script'); bp.type = 'text/javascript'; bp.async = true;
    bp.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'asset1.betterplace.org/assets/load_donation_iframe.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s);
  })();
</script>
<div id="betterplace_donation_iframe" style="background: transparent url('https://www.betterplace.org/assets/new_spinner.gif') 275px 20px no-repeat;"><strong><a href="https://www.betterplace.org/de/projects/42530-solarpumpe-mit-solaranlage-fur-das-missionskrankenhaus-adi-dr-kongo/donations/new">Jetzt Spenden für „Solarpumpe mit Solaranlage für das Missionskrankenhaus Adi, DR. Kongo“ bei unserem Partner betterplace.org</a></strong></div>

Leider klappt das nicht so richtig. Als Contenttyp habe ich "HTML" genommen. Siehe Anhang. Es sieht auf unserer Website (ganz unten) dann so aus:
http://water-for-africa.org/de/adi-dr-kongo.html

Hat jemand einen Rat? Danke.

[lucina]

Binde es als insgesamt als {{file::deinscript.php}} unter /templates ein, dann sollte es auch ausgeführt werden.

[Andreas]

Könnte auch schon reichen, wenn du in den Einstellungen das SCRIPT-Tag erlaubst.

[elchfan]

@lucina:
Ich habe den Code in eine Datei kopiert und diese in das Verzeichnis templates hochgeladen, dann die Datei über {{file::...}} eingebunden. Es passiert nichts.

[elchfan]

Andreas: 'script' als erlaubtes HTML-Tag hinzuzufügen hat auch nichts geändert.

[lucina]

Zumindest der Spinner von Betterplace.org erscheint aber ...

[elchfan]

der Spinner ist noch vom ersten eingefügtem Code.

Darunter habe ich ein Contentelemet "Text" mit dem Inhalt " {{file::...} " eingefügt. Es erscheint nichts.

[elchfan]

Ich habe für die Projekteseite http://water-for-africa.org/de/adi-dr-kongo.html jetzt ein eigenes Seitenlayout erstellt und den Code unten bei "Java script" - "Eigener JavaScript-Code" eingefügt. Dann kommt das Spendenformular richtig. Siehe http://water-for-africa.org/de/adi-dr-kongo.html ganz unten.
Es ist aber umständlich für jedes Projekt ein neues Seitenlayouit zu erstellen ...

[manfred]

...habe es testweise mal eingebunden und es geht, habe script und iframe in den Einstellungen zugelassen.

Gruß manfred

[elchfan]

hmm. <iframe> und <script> sind als erlaubte HTML-Tags deklariert.
Wie hast Du das genau eingebunden? Ein HTLM-Element und dann den Code hineinkopiert?

[manfred]

ja genau, html und da den code rein.
Das Formular ist doch bei Dir auch zu sehen......nur igendwie stört der Code da drüber noch. Ist der jetzt zweimal drin?

[elchfan]

Es scheint jetzt zu funktionieren. Keine Ahnung was los war. Habe mehrmals den Browsercache und in Contao bei den Systemeinstellungen den Cache geleert. Egal. Hauptsache jetzt geht's. Danke für's Hefen!