Druckbare Version
Ja, das habe ich gesehen und soweit funtkioniert es auch.Zitat:
Zitat von Spooky
In meinem konkreten Fall würde das aber bedeuten, dass ich bspw. über meine JS callback function mittels document.head.appendChild(script) ein externes JS im DOM / Header nachlade. Ist das durch den Aufruf über document.addEventListener unproblematisch bzw. ist das grundsätzlich der richtige Weg, um DOM Elemente nachzuladen?
Das ist JavaScript spezifisch und hat grundsätzlich nichts mit der Erweiterung zu tun. Ob das die beste Variante ist kann ich dir ansonsten auch nicht beantworten.
Ja, die Frage hat nicht originär mit der Erweiterung zu tun. Da diese aber verwendet wird, um externe Dienste zu blockieren, ist das ein konkreter Anwendungsfall. Es ist ja durchaus üblich, dass bspw. ein JS- und ein CSS-Aufruf im Header sowie inline HTML und JS im Body von einem externen Dienst verwendet werden, die geblockt werden müssen. Für mich war die Frage, ob das Einschleusen und Steuern der Elemente im DOM per JS der gewollte bzw. beste Weg ist. Dazu müsste es vermutlich bereits zahlreiche Anwendungsfälle abseits von iFrame, YouTube und Google Maps geben.Zitat:
Zitat von Spooky
JS ja, für HTML und CSS hatte ich den Fall noch nie.Zitat:
Zitat von bird
Rein technisch gibt es ja keinen anderen Weg ;)Zitat:
Zitat von bird
Du kannst letztendlich alles in deiner Callback der addModule-Methode machen, musst es dir nur selber mit JS bauen:
Ich würde auch empfehlen auf die addModule-Methode zu setzen, statt issetCookie. Der Nachteil der issetCookie-Methode ist hier beschrieben:Code:document.addEventListener("DOMContentLoaded", function() {
function myCallback(){
// JS nachladen...
// CSS nachladen...
// HTML manipulieren...
}
cookiebar.addModule(cookieId, myCallback, {
selector: '#element', // [required: string, HTMLElement] Defines the element in which the message is output
message: 'Your text', // [optional: string] The text to be displayed
button: { // [optional: object]
show: true, // [required: bool] Extends the output by a confirmation button
}
});
});
https://github.com/oveleon/contao-cookiebar/issues/32
Ja, ich bin ganz bei dir und würde ebenfalls auf die addModule-Methode setzen.
Mir geht es konkret um die Punkte, die in deiner Beispiel-Funktion als Kommentar aufgeführt sind:
// JS nachladen...
// CSS nachladen...
// HTML manipulieren
Ich bin mir nicht sicher, was der beste Weg ist, um JS und CSS im Header sowie JS und HTML im Body nachzuladen. Wie würdest Du das machen? DOM-Manipulationen mittels JS können bei komplexeren Themen problematisch sein.
Um hier eine best-practice zu finden, müsste man den genauen use-case kennen. In der Callback könntest du dir deine Elemente erstellen, hier ein Beispiel:
Code:var linkElement = document.createElement('link');
linkElement.setAttribute('rel', 'stylesheet');
linkElement.setAttribute('type', 'text/css');
linkElement.setAttribute('href', 'pfad/css.css');
// Edit
document.head.appendChild(linkElement);
Wie geschrieben, es geht um den Aufruf eines externen Scripts und eines CSS-Files im Header sowie um inline JS und HTML an einer bestimmten Stelle im Body.Zitat:
Zitat von Doi
Ich trage mal meine Ideen zusmmen:
CSS File header
JS Script HeaderCode:var linkElement = document.createElement('link');
linkElement.setAttribute('rel', 'stylesheet');
linkElement.setAttribute('type', 'text/css');
linkElement.setAttribute('href', 'pfad/css.css');
document.head.appendChild(linkElement);
JS Script Body (jQuery)Code:var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'pfad/script.js';
document.head.appendChild(script);
HTML Body (jQuery)Code:$('body #container').append('<script>Script<\/script>');
Ob das der beste Weg ist, kann ich nicht beurteilen ...Code:$('body #container').append('<div class="myClass">HTML</div>');
Moderation: Posts in einen eigenen Thread verschoben.
Ich denke, das wäre der beste Weg. Du hättest sonst noch die Möglichkeit all diese Dinge über einen iFrame auszuliefern und dir einen neuen iFrame-Typen zu erzeugen:Zitat:
Zitat von bird
https://github.com/oveleon/contao-co...TEND_IFRAME.md