Antworten zum Thema „Popup“

xeniox · 13.04.2009

Hallo PSDler,

ich habe folgendes script:

<script>

</script>

Mein Problem ist, das dieses popup leider beim Anklicken nicht zentriert auf dem Monitor erscheint.

Ihr habt sicherlich eine Lösung. Vielen Dank

LG
XenioX

kleeaar · 13.04.2009

AW: Popup

du musst nur noch die attribute

left=(window.innerWidth-Breite)/2

und

top=(window.innerHeight-Hoehe)/2

attribut angeben.
allerdings wird das nicht von allen browsern erkannt....
für ie 6+ benötigst du

document.documentElement.clientWidth

und für unter 6

document.body.clientWidth

Grüße

xeniox · 13.04.2009

AW: Popup

wooou

danke für die schnelle Antwort.......

jedoch

wo füge ich deine Lösung ein ? und es sollte in FF und in IE funktionieren.

Ich bin leider eine Newbie

kleeaar · 13.04.2009

AW: Popup

ok... ich habe gerade zeit...

du schreibst einfach diese Zeile um :

Code:

Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no";

in

Code:

Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left="+parseInt((window.innerWidth-Breite)/2) +", top="+parseInt((window.innerHeight-Hoehe)/2);

zudem musst du eine Browserabfrage erstellen:

Code:

if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left="+parseInt((window.innerWidth-Breite)/2) +", top="+parseInt((window.innerHeight-Hoehe)/2);

  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left="+parseInt((document.documentElement.clientWidth-Breite)/2) +", top="+parseInt((document.documentElement.clientHeight-Hoehe)/2);


  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left="+parseInt((document.body.clientWidth-Breite)/2) +", top="+parseInt((document.body.clientHeight-Hoehe)/2);
}else{
Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left=0, top=0";
}

den letzten Block schreibst du einfach an die Stelle wo Fensteroptionen definiert wird (3. Scriptzeile)

das müsste dann funktionieren...

Grüße

xeniox · 13.04.2009

AW: Popup

wie ? das kannst du so schnell erstellen ? alle Achtung ! vielen lieben Dank ich probier es gleich einmal aus... nicht weglaufen falls ich noch Fragen habe hihi

suuuuuuuuuuuper das Popup-Fenster ist schon mal mit deinem script in der Mitte ... ich freu mich riesig.... wo pack ich denn das andere script hin ? Am Ende des ganzen scripts ?...

Also im FF ist es mittig

im "plöden" IE oben links

kleeaar · 13.04.2009

AW: Popup

nene... du musst das ganze so machen

Code:

<script>
<!--

function GrafikAnzeigen(GrafikURL, Breite, Hoehe)
{
if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left="+parseInt((window.innerWidth-Breite)/2) +", top="+parseInt((window.innerHeight-Hoehe)/2);

  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left="+parseInt((document.documentElement.clientWidth-Breite)/2) +", top="+parseInt((document.documentElement.clientHeight-Hoehe)/2);


  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left="+parseInt((document.body.clientWidth-Breite)/2) +", top="+parseInt((document.body.clientHeight-Hoehe)/2);
}else{
Fensteroptionen = "toolbar=0,scrollbars=0,location=0,directories=0,s tatusbar=0,menubar=0,resizable=0,dependent=no, left=0, top=0";
}

Grafikfenster = window.open("", "", Fensteroptionen + ',width=' + Breite + ',height=' + Hoehe);
Grafikfenster.focus();
Grafikfenster.document.open();

with(Grafikfenster)
{
document.write("<html><head>");
document.write("<title>Grafikanzeige</title>");
document.write("</head>");
document.write("<body leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" topmargin=\"0\">");
document.write("<img border=\"0\" onclick=\"window.close();\" src=\""+ GrafikURL +"\" title=\"Zum Schließen auf das Foto klicken\">");
document.write("</body></html>");
}

return;
}

//-->
</script>

dann sollte es immer funktionieren...

Grüße

xeniox · 13.04.2009

AW: Popup

Super !
Danke, danke, danke

Ihr hier im Forum seid schon alle richtig Spitze.....

aber Du bist heute am aller "spitzesten"

Ich freu mich riesig und vielen Dank für die Zeit die du aufgebracht hast um mir zu helfen.

LG
XenioX

kleeaar · 13.04.2009

AW: Popup

danke

lass doch mal sehen, woran du gerade arbeitest *neugierig*

Grüße

xeniox · 13.04.2009

AW: Popup

Ist eine Seite für eine Bekannte... und noch nicht fertig ... wenn du unter "News" klickst, dann siehst du wofür ich es benötigt habe

das ist ihre Seite jetzt

kleeaar · 13.04.2009

AW: Popup

na die kann sich freuen, dass du ihre Seite auf Vordermann gebracht hast

nur so als Tipp am Rande...
Für solche "Bildvergrößerungspopups" kann ich dir wärmstens ne lightbox empfehlen

Lightbox 2

Grüße