Pop Up Fenster soll mittig erscheinen! - javarea.de Forum powered by javarea.de

Mit Center ist da nicht viel getan.
Um die genaue Mitte zu erreichen, müsstest du
Höhe_des_PopUps - Taskleiste rechnen
Breite_des_PopUps - Seitenrand ca. 1-5 px rechnen

Du musst die Größe deines Popups "minus" die Höhe deiner Taskleiste und "Minus" Seitenrand abziehen und durch 2 dividieren um so den Startpunkt deiner X und Y Koordinaten zu ermitteln wo das Fenster plaziert werden soll.

0
Bsp:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33:

<script LANGUAGE="Javascript">
var popup_window = null;
function popup(status,url)
{

	var width = 250
	var height = 100
	var taskl = 25
	var rand = 5
	var left = (screen.availWidth - width - rand) / 2;
	var top = (screen.availHeight - height - taskl) / 2;
	if(status != 0)
	{
		if(popup != null)
			popup.focus();
		else
		{
			var popup = open(url, "Popup", "left="+left+", top="+top+", width="+width+",height="+height+"");
			popup_window = popup;
		}
	}
	else
	{
		if(popup_window != null)
		popup_window.close();
	}
}
</script>


<p align="center">Wenn Ihr mit der Maus über diesen <a HREF="test2.htm"
onMouseover="popup(1,'test.htm')" onMouseout="popup(0)">Link</a> geht, öffnet sich ein
Popup-Fenster</p>

Besser wäre die Breiten und Höhenangaben direkt im Aufruf zu übergeben, dann könntest du das Scriptchen für weitere PopUps nutzen und müsstest nicht immer ein neues kreieren.

Bsp:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30:

<script LANGUAGE="Javascript">
var popup_window = null;
function popup(status, url, width, height)
{
	var taskl = 25
	var rand = 5
	var left = (screen.availWidth - width - rand) / 2;
	var top = (screen.availHeight - height - taskl) / 2;
	if(status != 0)
	{
		if(popup != null)
			popup.focus();
		else
		{
			var popup = open(url, "Popup", "left="+left+", top="+top+", width="+width+",height="+height+"");
			popup_window = popup;
		}
	}
	else
	{
		if(popup_window != null)
		popup_window.close();
	}
}
</script>


<p align="center">Wenn Ihr mit der Maus über diesen <a HREF="test2.htm"
onMouseover="popup(1, 'test.htm', 250, 100)" onMouseout="popup(0)">Link</a> geht, öffnet sich ein
Popup-Fenster</p>

für jedes weitere PopUp brauchst du nur noch den Link ändern:

HTML-Quelltext

1: 
2: 
3: 
4: 
5:

<a HREF="test2.htm"
onMouseover="popup(1, 'test2.htm', 300, 100)" onMouseout="popup(0)">Link 2</a>
<a HREF="test2.htm"
onMouseover="popup(1, 'test4.htm', 320, 200)" onMouseout="popup(0)">Link 2</a>
usw...