Frage zu Inserttags

[Supermann]

Hallo,

ich möchte in ein Script einen Ankerlink bauen, leider wird der Inserttag hierzu nicht aufgelöst.

Mein Code:

$('.suspension-tooltip').jBox('Tooltip', {
		content: '<div class="tip-image"></div><div class="tip-text"><div class="h1">Aufhängung inklusive</div> Bei Digiphotopro ist die Aufhängung inkl. passender Abstandhalter immer inklusive! <a class="more" href="{{env::request}}#suspension" title="">Weitere Informationen</a></div>',
		theme:'TooltipDark',	
		maxWidth: 350,
		trigger: 'click',
		closeOnClick:'body',
		closeButton:'box',
        closeOnMouseleave: true
    });

Da dieser Code für mehrere Seiten genutzt wir, wollte ich das mit einem Insert lösen, leider funktioniert das aber nicht so wie ich mir das vorgestellt hatte.

[ciaobello]

So wie ich das sehe liegt es wohl daran das Inserttags in php sind und Du es in einem js snippet einbaust ohne es eigentlich als php zu deklarieren.

[Supermann]

Hallo,

kann ich das denn dort als PHP deklarieren?

[Spooky]

Wie wird dieser Code auf der Seite eingebunden?

[Supermann]

Hallo,

// jQuery
(function($) {  
$(document).ready(function() {
$('.suspension-tooltip').jBox('Tooltip', {
		content: '<div class="tip-image"></div><div class="tip-text"><div class="h1">Aufhängung inklusive</div> Bei Digiphotopro ist die Aufhängung inkl. passender Abstandhalter immer inklusive! <br><a class="more" href="#suspension" title="">Weitere Informationen</a></div>',
		theme:'TooltipDark',	
		maxWidth: 350,
		trigger: 'click',
		closeOnClick:'body',
		closeButton:'box',
        closeOnMouseleave: true
    });

	});
})(jQuery);

[Spooky]

Nein, ich meine wie bindest du diesen Code auf die Seite ein? Ist das in einem Template? Ein Inhaltselement? Ein Modul?

[Supermann]

Hallo,

der Code wird als Script im Template geladen.

[Spooky]

der Code wird als Script im Template geladen.

Was genau meinst du damit? Ist der Code direkt im Template? Oder ist im Template nur die Referenz auf das Script, wie zB

<script src="…"></script> 

oder

$GLOBALS['TL_JAVASCRIPT'][] = '…'; 

Insert Tags können in externen Ressourcen nicht funktionieren.

[Supermann]

Hallo,

ich habe ein eigenes Script das heist "second-navi.js" dort sind so einige an Codeschnipsel drin, das binde ich dann in dem ensprechenden Template als js ein, und es wird dann im Fussbereich der Seite als Javascript geladen.

Link: https://www.digiphotopro.de/fotolabo...auf-alu-dibond

[Spooky]

Wie gesagt, Insert Tags können in externen Ressourcen nicht funktionieren. Nur in Dingen, die von Contao prozessiert werden.

[Supermann]

OK,

wo muss ich den Code dann einbauen, damit das funktioniert?

[Spooky]

Template, Inhaltselement, Modul.

[Supermann]

OK, werde ich versuchen.

Muss ich das mit dem Scrip und Jquery dort auch wieder vorsetzten, oder bleibt das dann weg?

// jQuery
(function($) {
$(document).ready(function() {
$('.suspension-tooltip').jBox('Tooltip', {
content: '<div class="tip-image"></div><div class="tip-text"><div class="h1">Aufhängung inklusive</div> Bei Digiphotopro ist die Aufhängung inkl. passender Abstandhalter immer inklusive! <br><a class="more" href="#suspension" title="">Weitere Informationen</a></div>',
theme:'TooltipDark',
maxWidth: 350,
trigger: 'click',
closeOnClick:'body',
closeButton:'box',
closeOnMouseleave: true
});

});
})(jQuery);

[folkfreund]

PHP auf dem Server ausgeführt bevor die Seite ausgeliefert wird, Javascript wird im Browser ausgeführt.
Es wird also nicht funktionieren, per Javascript einen Inserttag zu plazieren.

[Spooky]

Es wird also nicht funktionieren, per Javascript einen Inserttag zu plazieren.

Die Ausgabe muss einfach nur von Contao selbst erfolgen (egal worum es sich handelt), dann werden Insert Tags ersetzt - also wie gesagt in irgendeinem Template oder bspw. HTML Modul ausgeben lassen.

Muss ich das mit dem Scrip und Jquery dort auch wieder vorsetzten, oder bleibt das dann weg?

// jQuery
(function($) {
$(document).ready(function() {
$('.suspension-tooltip').jBox('Tooltip', {
content: '<div class="tip-image"></div><div class="tip-text"><div class="h1">Aufhängung inklusive</div> Bei Digiphotopro ist die Aufhängung inkl. passender Abstandhalter immer inklusive! <br><a class="more" href="#suspension" title="">Weitere Informationen</a></div>',
theme:'TooltipDark',
maxWidth: 350,
trigger: 'click',
closeOnClick:'body',
closeButton:'box',
closeOnMouseleave: true
});

});
})(jQuery);

Alles lassen wie es ist/war. Plus natürlich

<script>…</script> 

[Ainschy]

Nimm dir ein Contao jquery Template z.B. j_slider.html5 als Vorlage. Umbenennen (muss mit j_ beginnen) und den Inhalt austauschen. Anschließend wählst du das Template in deinem Layout aus.