Popupscript

Falloutboy6

Mitglied
Hi,

kann mir jemand ein Popupscript sage mit dem man das Popup zentriert aufm Bildschirm aufgehen lassen kann und dann aber wieder sagen kann zb. 5px nach links und 3px hoch.

Danke euch.
 
Die Ausmaße des Bildschirms erhältst du per screen.width und screen.height

Davon nimmst du jeweils die Hälfte.
Davon ziehst du wiederum die Hälfte der Breite/Höhe des Popups ab.

Ergebnis sind die Koordinaten, um das Popup zentriert zu platzieren.

Dazu(Davon ab) rechnest du nun die Werte, um die es von der Mitte verschoben sein soll...fertig :)
 
Hi,

danke erstmal. Es funktioniert leider net. Was mache ich falsch?!

Code:
<script language="JavaScript"> 
function Fenster1() 
{ 
 var breite=852; 
 var hoehe=417; 
 var positionX=((screen.availWidth / 2) - breite / 2); 
 var positionY=((screen.availHeight / 2) - hoehe / 2); 
 var url='<?php echo "content/popup.html?action=1&ID=".$id."&#news".$id."'" ?>; 
 pop=window.open('','','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,fullscreen=0,width='+breite+',height='+hoehe+',top=0,left=-100); 
 pop.resizeTo(breite,hoehe); 
 pop.moveTo(positionX,positionY); 
 pop.location=url; 
 }
</script>
 
Das mit -100 geht schon, ist aber in diesem Fall sinnlos.
Abgesehen von dem Syntaxfehler(das Singlequote) gibt es ein Problem mit den Methoden resizeTo()/moveTo()...diese kann man in aktuellen Browsern verbieten, um keine lustigen Fensterspielereien ertragen zu müssen...wahrscheinlich ist es auch bir dir verboten.

Anstatt das Fenster nachher anzupassen, kannst du gleich bei Öffnen die Position festlegen
(hast du ja eigentlich auch schon):
Code:
function Fenster1() 
{ 
 var breite=852; 
 var hoehe=417; 
 var positionX=((screen.availWidth / 2) - breite / 2)-100; 
 var positionY=((screen.availHeight / 2) - hoehe / 2); 
 var url='<?php echo "content/popup.html?action=1&ID=".$id."&#news".$id."'" ?>; 
  pop=window.open(url,'','scrollbars=1,width='+breite+',height='+hoehe+',top='+positionY+',left='+positionX); 
  
 }


Ansonsten...wenns jetzt immer noch nicht funktioniert, dann müsstest du mal sagen, wie du die Funktion aufrufst.
 
Hi,

danke erstmal. Fast perfekt. Das positionieren geht jetzt einwandfrei.

Nur habe ich jezt noch das Problem, dass die

Code:
&ID=".$id."&#news".$id."'"

Beim Link nicht erkannt werden. Es werden Datensätze aus der DB ausgelesen, und die ID des Datensatzes muss dann in den Link mit rein.

Ich rufe es wie folgt auf

Code:
<a href="#" onclick="Fenster1()" title="Forum Messe + Design"><img src="images/news/'. $b1 .'" height="100px" border="0"></a>

Danke
 

Neue Beiträge

Zurück