Druckbare Version
Hallo zusammen,
wenn ich in einem Inhaltselement "Text" einen Link generiere und dort die Einstellung "In neuem Fenster öffnen" anwähle, öffnet sich der Link immer im aktuellen Fenster, anstatt ein neues zu öffnen.
Ist das ein Bug der Version 5.3.x oder übersehe ich da etwas?
Wenn das ein Bug ist, hat den schon jemand gemeldet?
Wird bei mir in einem neuen Tab geöffnet. (Contao 5.3.0 und 5.3.1)
Im HTML ist auch einzu sehen.HTML-Code:target="_blank"
Funktioniert bei mir aber auch. In einem völlig neu installierten Contao 5.3.1. Eventuell im Browser eingestellt, dass eine Seite Links nicht in einem neuen Tab öffnen darf?Zitat:
Zitat von grashalm
@grashalm
Gerne Link der Seite per DM.
Kannst du aber über Dev-Tools oder über Strg + U kontrollieren und schauen ob dieser Link ein target="_blank" hat.
Sofern dies der Fall ist, dann sind es deine Browser-Einstellungen (wie von den anderen erwähnt) oder ein Plugin.
Müsstest du in einer reinen Contao-Installation nachstellen.
Danke Euch für Eure Hinweise.
Die besagten Links haben alle target="_blank". Zum Beispiel im Main-Bereich dieser Seite: https://die-schreibmaus.de/meine-link-tipps.html
Demnach ist es der Browser, der so eingestellt ist... Wo finde ich denn im Firefox Developer diese Einstellung?
Die Einstellung "Links in Tabs anstatt in neuen Fenstern öffnen" ist es ja nicht (habe ich ausprobiert).
Ich benutze zwar einige Plugins im FF, aber seit langem keine neuen mehr und vor kurzem ging es ja auch noch.
Im Google Chrome und im Opera übrigens das gleich Phänomen, die ich ganz ohne Plugins verwende...
Weiß jemand, wo ich das in der Firefox Developer Edition evtl. einstellen kann?
Folgendes JavaScript auf deiner Seite führt dazu, dass es nicht funktioniert:Zitat:
Zitat von grashalm
Warum dies passiert, kann ich dir gerade nicht sagen.PHP-Code:<script>
function fadeInPage() {
if (!window.AnimationEvent) {
return
}
var fader = document.getElementById('fader');
fader.classList.add('fade-out')
}
document.addEventListener('DOMContentLoaded', function() {
if (!window.AnimationEvent) {
return
}
var anchors = document.getElementsByTagName('a');
for (var idx = 0; idx < anchors.length; idx += 1) {
if (anchors[idx].pathname === window.location.pathname) {
continue
}
anchors[idx].addEventListener('click', function(event) {
var fader = document.getElementById('fader')
, anchor = event.currentTarget;
var listener = function() {
window.location = anchor.href;
fader.removeEventListener('animationend', listener)
};
fader.addEventListener('animationend', listener);
event.preventDefault();
fader.classList.add('fade-in')
})
}
});
window.addEventListener('pageshow', function(event) {
if (!event.persisted) {
return
}
var fader = document.getElementById('fader');
fader.classList.remove('fade-in')
})
</script>
Ich habe lediglich den "Click-Event-Listener" entfernt, welcher durch diesen Code gesetzt wurde, danach hat es geklappt :)
Unter uns, du brauchst sicherlich nicht dieses
JavaScript auf deiner Seite ;)PHP-Code:<!-- page-transition: anfang -->
... Das erwähnte Script ...
<!-- page-transition: ende -->
Das nutzen nur Seiten, welche Themes nutzen die schon so schlecht optimiert sind, dass man einen Ladebalken braucht, damit Nutzer bis zu 30 Sekunden eine schöne Animation sehen können.
Diese brauchst du auf deiner Seite nicht :)
Ansonsten kannst du den Theme-Hersteller gerne anschreiben und sagen, dass sein
UX und A11Y zerstörendes JavaScript doch bitte geändert werden sollte in
Was ich hier geändert habe ist:PHP-Code:var anchors = document.getElementsByTagName('a:not[target="_blank"');
for (var idx = 0; idx < anchors.length; idx += 1) {
if (anchors[idx].pathname === window.location.pathname) {
continue
}
anchors[idx].addEventListener('click', function(event) {
var fader = document.getElementById('fader')
, anchor = event.currentTarget;
var listener = function() {
window.location = anchor.href;
fader.removeEventListener('animationend', listener)
};
fader.addEventListener('animationend', listener);
event.preventDefault();
fader.classList.add('fade-in')
})
}
zuPHP-Code:document.getElementsByTagName('a')
Leider gibt es immer noch genug Leute im Web-"Schwurbler"-Bereich, welche sich weiter bilden sollten :)PHP-Code:document.getElementsByTagName('a:not[target="_blank"')
Hallo zoglo,
vielen Dank für Deine Hilfe zu so später Stunde! Habe das Javascript entfernt, und jetzt funktioniert es wieder.
Ich fand die Page Transition zwar ganz angenehm, war aber eigentlich nur eine Spielerei. Hat glaube ich sogar
dazu geführt, dass die Seite länger geladen hat, als normalerweise.
Von daher war das jetzt ein willkommener Anlass, das Javascript wieder zu löschen.
Danke nochmal!
Diese JavaScripte für Lade-Animationen waren vor zig Jahren im Einsatz, heutzutage braucht man diese bei optimierten Seiten nicht mehr (Und deine Seite ist besser optimiert als 90% der Contao-Partner ;) )Zitat:
Zitat von grashalm