Weiter- bzw. Zurückleitung auf die ursprüngliche Website
Hallo.
Ich habe im Mitgliederbereich unserer Homepage Formulare eingestellt. Nach Abschicken der Daten erscheint ein kurzes Fenster, in dem mitgeteilt wird, dass die Daten verschickt worden sind. Dieses Fesnter kann durch Klick geschlossen werden bzw. schließt sich automatisch nach 5 Sekunden. Das funktioniert alles gut.
Ursprünglich sollte diese Quittung als eigenständiges Popup in den Vordergrund rücken und nach dem Schließen sollte das ursprüngliche Fenster als Fullscreen weiter zu sehen bleiben. Die Quittung erfolgt aber als Seite im gleichen Fenster, verkleinert sich dabei wie im Code angegeben. Nach dem Schließen bleibt leider auch die ursprüngliche Seite dann in der Größe des Popup-Fesnters und muss manuell wieder maximiert werden. Das ist lästig.
Kann mir jemand helfen, wie die Quittung als eigenständiges Fenster erscheint, während die "Originalseite" im Hintergrund unverändert bestehen bleibt oder aber, wie ich für die Quittung weiterhin den Fullscreen einstelle. Dann steht zwar wenig auf der Seite, aber wenigstens die Fenstergröße bleibt erhalten.
Hier der Code der "Quittung":
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!-- folgende Zeile schliesst die Seite nach einer Zeit von 5 Sekunden automatisch -->
<meta http-equiv="close" content="5">
<title>Teilnahmemeldung Quittung</title>
<script Language="JavaScript">
function startTime(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
closeTime=hours*3600+mins*60+secs;
closeTime+=4; // Sekunden bis zum schliessen
Timer();
}
function Timer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
curTime=hours*3600+mins*60+secs
if (curTime>=closeTime){
self.close();}
else{
window.setTimeout("Timer()",1000)}
}
</script>
</head>
<body background="../../bggray.jpg" vlink="Blue" link="Blue" alink="Red" onLoad="startTime(); window.resizeTo(700,500)">
<br> <br>
<table cellspacing="2" cellpadding="2" border="0" width="90%" align="center">
<tr>
<td align="center" valign="middle"><img src="../../The_Band/badge.jpg" width=159 height=160 border=0 alt=""></td>
<td align="center" valign="middle">
<h1 align="center"><div style="width=100%; font-size:25pt; color:blue; filter:DropShadow(color=#C0C0C0, offx=3, offy=3)"><br>Vielen Dank!</h1></div>
<div align="center">
<font size="+1" color="#FF0000"><b>Deine Mail wurde verschickt!</b></font><br> <br> <br>
<INPUT type="button" value="Fenster schließen" name="B3" onclick="self.close()">
</td>
</tr>
</table>
</div>
</body>
</html>
Sicherlich hängt es mit dem window.resizeTo-Befehl zusammen. Mir würde es reichen, wenn hier der Fullscreen erhalten bleibt. Ein eigenes, neues Fenster, welches nach 5 Sekunden automatisch wieder verschwindet und ich wieder auf der (Fullscreen-)Seite lande, von wo aus ich die Daten abgeschickt habe, wäre natürlich ideal.
Vielen Dank !
Piper Kasi
PS: Die Scripte habe ich mit Generatoren im Internet erstellt. Was das steht, weiß ich nicht wirklich!
Das Problem besteht übrigens bei IE und Firefox, wird aber wohl kaum mit dem Browser zusammenhängen.
Antwort schreiben
Antwort 1 von kicia vom 31.07.2020, 14:02 Options
Hallo,
das "window.resizeTo(700,500)" kannst Du einfach rauslöschen, wenn Du willst.
Ansonsten kann man auch ein neues Fenster öffnen mit window.open, das muss dann aber in der seite stehen, die das popup aufruft, nicht in der datei, die du geschickt hast.
Eine andere Methode wäre auch, direkt auf der Hauptseite ein <div id="popup"></div> zu schreiben, dieses mit css unsichtbar zu definieren, und bei bedarf mit einem script anzuzeigen.
Aber die letzten beiden Methoden erfordern eigentlich, daß man sich schon etwas mit JS auskennt, denke ich.
Gruß,
kicia