EXIT Button erstellen

Die Beispielseite verlinkt ja lediglich zu Google. Es wird nichts geschlossen. Ein Browser-Fenster darf auch per JavaScript keine anderen Fenster schließen etc., das wäre ja der Horror.

Bei mir wird im selben Tab oder Fenster lediglich ein anderer Inhalt (Google) geladen.

Hallo Bits,

Ein einfacher Exit mit Schließen des Browserfensters geht mit folgendem HTML-Quelltext:

<button onclick="window.close()">Ich will hier weg</button></p>

siehe https://www.hanabi-pirna.de/test.php

Der Aufruf einer anderen Seite wie beispielsweise Google wäre eine Bevormundung des Users, da wir nicht wissen, ob der User zu Google will.

Zitat von Hanabi

Hallo Bits,

Ein einfacher Exit mit Schließen des Browserfensters geht mit folgendem HTML-Quelltext:

Code

<button onclick="window.close()">Ich will hier weg</button></p>

siehe https://www.hanabi-pirna.de/test.php

Der Aufruf einer anderen Seite wie beispielsweise Google wäre eine Bevormundung des Users, da wir nicht wissen, ob der User zu Google will.

Alles anzeigen

Hanabi , Stefan S ,

das Druckformat müsste noch einmal ausgebessert werden?!

Hallo Andre G. ,

hier war es nur eine Spielerei mit window.print, bevor Stefan S da jetzt auf die Suche geht, warum das eigentliche Formular nicht gedruckt wird, mache ich lieber mal ein leeres Testprojekt. In unserer .htaccess ist die komplette 6-G-Firewall eingebaut, da könnte auch die Ursache liegen.

Nachtrag: Das Formular wird auch bei einem frischen Projekt nicht zum Druck angezeigt: https://hosting.zeta-producer.com/6222771108/index.html

Das Formular ist bei diesem Layout in der Druckansicht ausgeblendet.

Mit etwas CSS kann das angepasst werden. Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code sollte dann funktionieren:

<style>
@media print {
    .zp-form {
        display: block;
    }
}
</style>

Zitat von bits

Wäre es möglich, dass der Button nicht oben aus dem Fenster raus scrollt, sondern immer sichtbar bleibt? Nur nicht im Menu.

Hier ein Beispiel wie man das machen kann. LINK

Einstellungen > CSS:

<style>
.flucht {
position: fixed;
top:150px;
margin-right: -690px;
right: 50%;
}

@media (max-width: 1400px) {
.flucht {
width:100px;
top: 70px;
margin-right: 0;
right: 20px;
}}

@media (max-width: 550px) {
.flucht {
width: 80px;
}}
</style>

Widget > Quelltext auf der Wurzelseite und vererben:

<div class="flucht">
<a href="https://www.google.de/" target="_self"><img title="flucht" alt="" src="oid://image/flucht"></a></div>

Das Bild fügst du in der Bildverwaltung hinzu und fügst es in den Quellcode ein wie HIER beschrieben.

Das Bild würde ich in der Bildverwaltung noch schützen: Bildverwaltung > Eigenschaften > Weiteres

Hallo bits ,

2 Kleinigkeiten!

Solltest du die Größe etwas anpassen oder den Wert Topline > Nach Scrollen etwas erhöhen

Würde ich auch etwas anpassen. Aber mal eine andere Frage: Flucht? Reicht das X = oben Rechts nicht auch aus?

bits ,

Gehört die Seite https://www.bitspaper.net/ ebenfalls zur Seite https://bits-paper.de/ ?
Im Impressum stehen unterschiedliche Namen.

Wem gehört den was?

Das Impressum sollte auch noch berichtigt werden, oder sind die Angaben so richtig?

Was stimmt denn nicht?

Wenn die Auflösung kleiner 1400px ist, ist der Button doch verschwunden, was auch gut ist.

Oder soll es genau in der mobilen Ansicht erscheinen? Genügt da nicht ein Link in der mobilen Navigation? dann ist es auch weniger störend.

im Übrigen, waren es nur Hinweise die mir zufällig aufgefallen sind!

Hallo!

im CSS-Code - media (max-width: 1400px) { die 1400 auf 100 setzen, dann ist er immer zu sehen.

Im Layout Top-Responsive musst du der Klasse .flucht noch ein z-index: 5025; hinzu fügen sonst wird der Button von der "Topline" und dem "Header" verdeckt.

Mit den Werten einfach etwas rum spielen. Dann siehst du schon was passiert.

Wenn du margin-right: -690px; etwas erhöhst rutscht der Butten in der Desktopansicht etwas mehr nach rechts. Entsprechend musst du media (max-width: 1400px) auch etwas erhöhen weil der Button sonst aus dem Sichtfeld rutscht. usw.

Der erste Gedanke ist den wert z-index: 5025; nach oben setzen.

Wenn das nicht hilft müsste man das Online sehen, oder noch besser den eingefügten Code hier anhängen.

Den Hinweis aus "Beitrag 25" ausprobiert? Das sollte dein Problem lösen.

Zitat von bits

ich habe den wert z-index nicht

Mario meinte, den Wert einfach zu erhöhen. Also statt 5025 eine größere Zahl zu versuchen. Geht im Web-Instpektor prima, da kann man das wunderbar testen und mit den Cursor-Tasten solche Werte einfach inkrementell erhöhen, bis das Ding sichtbar wird.