Zitat des Tages einbinden

[Robertinho]

Hallo zusammen,

irgendwie stehe ich wie Ochs vorm Berg. Auf der Seite „Zitat des Tages“ gibt es folgenden Script, mit dem man das jeweilige Zitat auf der eigenen HP einbauen kann:

<script src="https://zitate.webmart.de/zdt.js" async></script>

Ich habe jetzt mit verschiedenen Widgets versucht, es in meine VIS zu bekommen. Ohne Erfolg.

Hat jemand einen Tipp?

Grüße

Robert

[OliverIO]

@robertinho

du kannst ein html widget nehmen und dort den folgenden text eintragen

<script src="https://zitate.webmart.de/zdt.js" async></script>
<div id="myZitate"></div>
<script>
function getZitate() {
            debugger;
    var wm = $('[id^=WMZitate]');
    if (!wm.length) {
        return setTimeout(function () {
            getZitate();
        }, 100);
    } else {
            debugger;
        $("#myZitate").html("");
        $("#myZitate").append(wm.clone());
    }
}
getZitate()
</script>

grundsätzlich funktioniert das skript schon.
allerdings verschiebt vis alle script elemente in den head bereich.
dort wird dann auch das element erzeugt. nur da wirst du es nie sehen, da der head-bereich nie angezeigt wird.
die ergänzung von mir wartet solange, bis das element erzeugt wurde und kopiert (klont) dann das element in das angegebene div

[Robertinho]

@oliverio Hey Oliverio, VIELEN DANK!!!

Das funktioniert klasse. Ich werde Dein Script mal auseinandernehmen, um es besser zu verstehen.

Grüße

Robert

[OliverIO]

@robertinho

hatte ich ja grob im letzten Satz beschrieben.
Die beiden debugger zeilen kannst noch rausmachen,
ausser du willst selber mal schauen.
dann in der runtime einfach mit f12 die developer tools im browser öffnen und f5 die seite neu laden. dann bleibt es irgendwann da stehen und du kannst dann mit einzelschritt f10 oder bis zum nächsten breakpoint/debugger mit f8 weiterspringen