Js Widget als Artikel einbinden

**PhilChrist** · 29.09.2015, 10:56

Hallo Community,

ich habe das Problem, dass ich ein Widget nicht als formatierbaren Artikel einbinden kann.
Das Widget soll aktuelle Ergebnisse auf einer Vereinshomepage zeigen.

Script lautet:

<script type="text/javascript" src="https://www.fupa.net/fupa/widget.min.js"></script>
<div id="widget_56093817c46c2" >... lade FuPa Widget ...
<script type="text/javascript">
var fupa_widget_header = 0;
var fupa_widget_navi = 0;
var fupa_widget_div = "widget_56093817c46c2";
var fupa_widget_module = "0";
team_widget(224765,'liveticker');
</script></div><a href="http://www.fupa.net/vereine/sv-winterstettenstadt.html" target="_blank" class="fupa_link">SV Winterstettenstadt auf FuPa</a>

Außerdem würde ich gerne mehrere solcher Widgets als Slider darstellen, um mehrere Ergebnisse anzuzeigen.

Vielen Dank.
Gruß Phil

**hippo** · 29.09.2015, 11:07

Hallo PhilChrist,

ich würde es so machen:
Dein Widget besteht aus zwei Teilen -> aus JavaScript Code und dem html Code (also alles außer <script>...</script>). Den JavaScript Code bringst du am besten im Layout unter (siehe "Eigener JavaScript-Code"). Den Link kannst du jetzt einfach in ein Inhaltselement Text oder Eigener html Code unterbringen. Den Slider baust du dann so.

Viele Grüße
hippo

**Andreas** · 29.09.2015, 12:34

Zitat von PhilChrist

ich habe das Problem, dass ich ein Widget nicht als formatierbaren Artikel einbinden kann.

Wieso kannst du das nicht? Was passiert, wenn du es in ein CE-HTML schreibst? Sind script-Tags in den Einstellungen erlaubt?

**PhilChrist** · 29.09.2015, 15:08

Vielen Dank für die hilfreichen Antworten habe das Problem gelöst.

**Andreas** · 29.09.2015, 15:26

Bitte immer, wenn auch nur ganz kurz, angeben wie du das Problem gelöst hast, falls einer das selbe Problem hat.

**PhilChrist** · 01.10.2015, 08:44

Ich habe unter Themes -> Theme -> Seitenlayout einen eigenen Javascript-Code eingefügt (siehe oben). Parallel dazu unter Artikel eine HTML-Datei mit demselben Code angelegt. Die Hauptspalte hab ich so angepasst, dass das zu sehende Widget in gewünschter Größe angezeigt wird.

Dies sollte sich allerdings nicht als die ultimative Lösung herausstellen, denn durch den Js-Code im Seitenlayout wird dieses Widget übergreifend auf der ganzen Seite (ausgenommen Homeseite, aufgrund der HTML-Datei) angezeigt. Wenn ich nun den eigenen Js-Code aus dem Seitenlayout entferne, wird das Widget auf meiner Homeseite nur noch als Code angezeigt...

**PhilChrist** · 01.10.2015, 10:01

Habe über das Template-Verzeichnis ein neues Template mit dem Javascript-Code angelegt. Dann habe ich ein neues Modul vom Modultyp 'eigener HTML-Code' angelegt.
HTML-Code: {{file::fupa_widget.xhtml}}
Nun war ich in der Lage dieses Modul im Artikel als Modul einzubinden.

**Andreas** · 01.10.2015, 11:07

Ok, ich sehe, du erkundest gerade verschiedene Möglichkeiten von Contao, Skripte im Markup auszugeben. Ob deine Lösung die beste ist, weiß ich nicht, scheint mir umständlich zu sein. Um näheres dazu sagen zu können müsste man zumindestens dein FE sehen.

Nochmal die Frage ob du das script-Tag in den Einstellungen erlaubt hast!? Dann könntest du das Skript nämlich direkt als CE-Typ-HTML einpflegen.

**PhilChrist** · 01.10.2015, 12:08

Ja den script-Tag habe ich in den Einstellungen erlaubt, aber da ich noch relativ unerfahren bin weiß ich nicht wie ich das Script direkt als CE-Typ-HTML einpflegen kann.

**PhilChrist** · 01.10.2015, 12:18

Unbenannt.PNG

**Andreas** · 01.10.2015, 12:33

Einfach ein Inhaltselement (CE - content element) erstellen, Typ einstellen auf HTML und dein Script dort einfügen.

**PhilChrist** · 01.10.2015, 13:10

Wow geht tatsächlich einfacher. Vielen Dank

Eine andere Frage:
Ich habe versucht über den Elementtyp Content-Slider Anfang und Content-Slider Ende mehrere Widgets als einen Slider im FE anzeigen zu lassen. Diesen hat es allerdings nicht vernünftig angezeigt.
Muss ich dazu noch ein individuelles Template (z.B ce_slider_start) auswählen oder anfertigen? Oder gibt es irgendeine Möglichkeit an einen eigenen Slider zu gelangen, der nicht schon mit Contao geliefert wird ?

Gruß PhilChrist.
Vieln Dank schon einmal für das tolle Feedback hat mir echt geholfen.

**Andreas** · 01.10.2015, 13:20

Erstelle mal einen einfachen Slider mit z.B. 2 Textelementen

Code:

Slider start
  CE Text
  CE Text
Slider stop

Schau dann im FE ob es funktioniert. Wenn ja, dann sieh dir den Unterschied im HTML an. Evtl. brauchst du da nur noch einen Wrapper für jedes Script. Z.B.

HTML-Code:

<div class="ce_text block">
  dein Skript
</div>

Wenn nein, dann prüfe, ob das Slider JS geladen wird, Klasse und Initialisierung. Und dein CSS stimmt.

**PhilChrist** · 01.10.2015, 14:25

Alles klar vielen dank hört sich plausibel an. Ich werde es morgen ausprobieren und berichten ob und wie es funktioniert hat.

**PhilChrist** · 03.10.2015, 11:25

Habs versucht und auch mehrere Möglichkeiten ausprobiert, aber auf der Seite wird dann nur der eingegebene HTML-Code angezeigt ohne das Widget. Gibt es eine kostenlose Slider Erweiterung außer rocksolid-slider ?

**tab** · 03.10.2015, 14:05

Wie sieht denn dein Widget aus? Vielleicht sind da noch andere Tags drin, die man erst einmal in den Einstellungen erlauben müsste.

**Andreas** · 03.10.2015, 14:07

Mit nem anderen Slider wirst du wahrscheinlich das gleiche Problem haben. Zeige bitte mal einen Link auf die Seite, sieht so aus, als hättest du irgendwas nicht richtig gemacht.