Popup zentriert



  • hallo.

    ich habe wirklich alles durchgesucht, auch selfHTML, doch ich habe nix gefunden, nichts was mir als extremer html-layer weiterhilft.

    ich kann flash in und auswendig, doch kein html.
    das ist traurig, ich weiß, aber kann mir jemand den HTML-code geben , welcher ein popup (irgendeine größe) öffnet, welches für den user aber dann zentriert angeordnet wird?!?!?

    THX
    Bj



  • also es wurde ja schonmal auf: http://selfforum.teamone.de/archiv/2003/5/47721/#m260665 verwiesen. ich zitiere mal von dort:

    Angenommen, Dein Fenster soll 800px breit und 600px hoch sein, dann könntest Du folgendermaßen rechnen (unter der Annahme, dass die Variablen iWidth und iHeight schon die ermittelte Breite und Höhe enthalten und die Variablen iLeft und iTop die Variablen ergeben sollen, die Du für window.open() brauchst):

    iLeft = (iWidth-800)/2; // Bildschirmbreite minus Fenstergröß, davon die Hälfte
    iTop = (iHeight-600)/2; // das selbe für die Höhe

    Dann bastelst Du mit diesen Angaben einen String für die Fensterparameter:

    sWinParameter = "width=800,height=600,left=" + iLeft + ",top=" + iRight;

    und öffnest das Fenster dann mit:

    F1 = window.open("frameset.htm","NP",sWinParameter);

    und weiter unten ein link auf das folgende

    <html><head><title>Test</title>
    <script type="text/javascript">
    <!--
    F1 = window.open("datei.htm","Fenster1","width=310,height=400,left=0,top=0");
    F2 = window.open("datei.htm","Fenster2","width=310,height=400,left=320,top=0");
    self.focus();
    self.close();
    //-->
    </script>
    </head><body>
    </body></html>

    und jetzt muss man noch zusammensetzen. wie legosteine 🙂



  • ja das habe ich auch schon gesehen!
    aber ich kann noch nichtmal das zusammensetzen! 😞

    ich habe mir mal das zussamengesucht:
    **
    onclick='window.open("","window_new","scrollbars=no,height=350,width=900,resizable=no,menubar=no");' target="window_new"><font size="4"><font color="#008000"><b>p</b></font>opup_::<font color="#008000"><b>r</b></font>h🇩🇪vu::_<font color="#008000"><b>r</b></font>eeborn:04</font></a></font></font></p>
    **

    is ja nix so besonderes bei.
    aber wie mache ich das mit den avriablen etc.

    ich kann es einfach nicht 😞

    könntest du mir das zusammensetzen, wenn es nicht zuviel arbeit ist?

    daaanke
    Bj



  • <html>
     <head>
      <title>Test</title> 
      <script type="text/javascript"> 
      <!-- 
       function popup(url,width,height)
       {
        posLeft = (screen.width  - width ) / 2;
        posTop  = (screen.height - height) / 2;
        popupWin = window.open(url,"popup","width="+width+",height="+height+",left="+posLeft+",top="+posTop);
        popupWin.focus();
       }
      //--> 
      </script> 
     </head>
     <body>
      <a href="test.htm" onclick="popup('test.htm',300,400); return false;">Test-Link</a>
     </body>
    </html>
    


  • vielen dank
    das klappt perfekt!

    wunderbar!
    danke danke danke!

    Bj


Log in to reply