Contao-Camp 2024
Ergebnis 1 bis 16 von 16

Thema: Frage zu Inserttags

  1. #1
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard Frage zu Inserttags

    Hallo,

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

    Mein Code:

    HTML-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.

  2. #2
    Contao-Urgestein
    Registriert seit
    10.07.2010.
    Beiträge
    4.403
    User beschenken
    Wunschliste

    Standard

    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.


  3. #3
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    Hallo,

    kann ich das denn dort als PHP deklarieren?

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.886
    Partner-ID
    10107

    Standard

    Wie wird dieser Code auf der Seite eingebunden?

  5. #5
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    Hallo,

    HTML-Code:
    // 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);

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.886
    Partner-ID
    10107

    Standard

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

  7. #7
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    Hallo,

    der Code wird als Script im Template geladen.

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.886
    Partner-ID
    10107

    Standard

    Zitat Zitat von Supermann Beitrag anzeigen
    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
    PHP-Code:
    <script src="…"></script> 
    oder
    PHP-Code:
    $GLOBALS['TL_JAVASCRIPT'][] = '…'
    Insert Tags können in externen Ressourcen nicht funktionieren.

  9. #9
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    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

  10. #10
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.886
    Partner-ID
    10107

    Standard

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

  11. #11
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    OK,

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

  12. #12
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.886
    Partner-ID
    10107

    Standard

    Template, Inhaltselement, Modul.

  13. #13
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    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);

  14. #14
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    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.

  15. #15
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.886
    Partner-ID
    10107

    Standard

    Zitat Zitat von folkfreund Beitrag anzeigen
    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.



    Zitat Zitat von Supermann Beitrag anzeigen
    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
    PHP-Code:
    <script>…</script> 

  16. #16
    Contao-Fan Avatar von Ainschy
    Registriert seit
    24.06.2009.
    Ort
    Wenden
    Beiträge
    793
    Partner-ID
    5666
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •