Popup ablak weblapra

2010. Júl. 28., Sze, 10:53:37 CEST

A divet tedd be középre.

Ehhez itt protoype szükséges de ha  $(elementet) lecseréled a
document.getElementById(element) -re akkor elvileg nem kell.
function center(element) {
    try{
        element = $(element);
    }catch(e){
        return;
    }

    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement && (
document.documentElement.clientWidth ||
document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body && (document.body.clientWidth ||
document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }

    element.style.position = 'absolute';
    element.style.zIndex   = 99;

    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop ){
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop ){
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset ){
        scrollY = window.pageYOffset;
    }else if ( window.scrollY ){
        scrollY = window.scrollY;
    }

    var elementDimensions = Element.getDimensions(element);

    var setX = ( my_width  - elementDimensions.width  ) / 2;
    var setY = ( my_height - elementDimensions.height ) / 2 + scrollY;

    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;

    element.style.left = setX + "px";
    element.style.top  = setY + "px";

    element.style.display  = 'block';
}

2010/7/28 Zsolt Nagy <nagyzsolt80 at gmail.com>

> igen de hova tegyen a div-et?
>
> itt a kódom:
>
>
> <html>
> <head>
> <SCRIPT LANGUAGE="javascript">
> <!-- innen
> function ujablaknyit() {
> ablakom=open("minta.html", "ablakom", "height=200, width=200, top=200,
> left=200, resizable=no, scrollbars=no,toolbar=no, menubar=no, location=no,
> directories=no, copyhistory=no")
> }
> function ujablakzar() {
> ablakom.close();
> }
> // eddig-->
> </SCRIPT>
> </head>
>
> <body>
> <BODY onLoad="ujablaknyit()" >
> </body>
> </hmtl>
>
> Zsolti
>
> _______________________________________________
> Techinfo mailing list
> Techinfo at lista.sulinet.hu
> Fel- és leiratkozás: http://lista.sulinet.hu/mailman/listinfo/techinfo
> Illemtan: http://www.szag.hu/illemtan.html
> Ügyfélszolgálat FAQ: http://www.kozhaloportal.hu/gyik/altalanos/
>
>
--------- következõ rész ---------
Egy csatolt HTML állomány át lett konvertálva...
URL: http://lista.sulinet.hu/pipermail/techinfo/attachments/20100728/7be322dd/attachment.html