Zur Navigation

Popup schließen

1 Julian

Danke dafür...

Jetzt geht es um ein Popup, wenn man unsere Seite besucht, soll ein Popup auftauchen, welche einen hinweist, das wir (in unserem Falle jetzt) auch einen Minecraft-Server haben. Soweit so gut, nur soll dieser Popup verschwinden, wenn man auf das Bild klickt, welches einen auf die HP von dem Server schickt.

Bis jetzt hab ich es nur geschafft, das der Popup verschwindet, sobald man irgendwohin klickt, egal ob auf der Homepage oder im Popup-Fenster. Das ist halt schlecht, wenn jemand auf die Homepage kommt und schnell wohin drückt, wird ihm der Popup gar nicht auffallen.

Man soll einfach auf das Bild klicken und auf die andere Homepage kommen und dabei soll der Popup auch verschwinden. Hier der Popup:
<html>
<head>
<title>DieVierReiter-MC</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" onBlur="self.close()" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a href='javascript:window.close()'>
<center>
<table id="Tabelle_01" width="400" height="300" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			<img src="images/Minecraft-Popup_01.png" width="400" height="8" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="/Minecraft-Popup_02.png" width="8" height="292" alt=""></td>
		<td>
			<img src="images/Minecraft-Popup_03.png" alt="" width="385" height="284" usemap="#Map" border="0"></td>
		<td rowspan="2">
			<img src="images/Minecraft-Popup_04.png" width="7" height="292" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/Minecraft-Popup_05.png" width="385" height="8" alt=""></td>
	</tr>
</table>
</center>

<map name="Map">
  <area shape="rect" coords="27,29,359,249" href="http://www.minecraft.dievierreiter.net" target="_blank">
</map>
</body>
</html>

Und das ist der Teil, welcher in der index.html steht:
<script language="javascript" type="text/javascript">
<!--
var win=null;

onerror = stopError;
function stopError(){
	return true;
}


function p1402914632(){
	myleft=20;
	mytop=20;
	settings="width=400,height=320,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no";
	win=window.open("http://www.dievierreiter.net/minecraft.html","DieVierReiterMC",settings);
	win.focus();

}
// -->
</script>

Und der Bodytag der Index.html:
<body bgcolor="#FFFFFF" background="bg.png" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="p1402914632();">

Wenn du da eine Lösung hättest, wäre ich dir echt dankbar.

Du kannst dir das vorläufige Produkt hier anschauen:
www.dievierreiter.net

Wenn du eine bessere Lösung als ein Popup hättest, wäre auch gut, da viele Popups geblockt haben und so das keiner mitbekommen würde. Hab halt keine andere alternative gefunden.

Gruß Julian

16.06.2014 13:20 | geändert: 16.06.2014 13:24

2 Jörg

Du könntest das Bild verlinken und im Link Element ein onclick Attribut unterbringen:

<a href="http://example.com/" onclick="window.close()"><img src="bild.png" alt="Bild" /></a>

Das Popup wird in meinem Firefox auch geblockt - das ist der Normalfall, wenn ein Popup nicht durch eine Benutzeraktion (einem Klick) geöffnet wird.

Alternativen zu Popups sind div Layer - Anleitungen hierzu findest du in den Suchmaschinen mit den Suchbegriffskombinationen "JavaScript div layer" oder "JavaScript overlay"

16.06.2014 20:15 | geändert: 16.06.2014 20:16

1 Forenmitglied fand diesen Beitrag gut

Beitrag schreiben (als Gast)





[BBCode-Hilfe]