Avatar billede caroc Praktikant
13. august 2002 - 23:52 Der er 2 kommentarer og
1 løsning

Pop-up størrelse

Er det muligt at få et script der afpasser størrelsen (længden) i en ens pop-up vindue efter dokumentets længde?
Avatar billede jakoba Nybegynder
14. august 2002 - 00:00 #1
<script type='text/javascript'>

function resizeToFit( ) {
    var wanted = (document.height)?document.height
                        :document.body.offsetHeight;
    var current = (window.innerHeight)?window.innerHeight
                        :document.body.clientHeight;
    self.resizeBy( 0, wanted -current );
}; //end resizeToFit( )

</script>


i din <body kommanfo:
<body ... onload="resizeToFit();"

mvh JakobA
Avatar billede uffelgaard Nybegynder
14. august 2002 - 15:03 #2
Gem som resize.js:
---------------------------------------------------
/*****
* [resizewin.js] v2.1
* 2001-08-05
* Author: Anarchos
* E-mail: anarchos3@hotmail.com
* URL: http://anarchos.xs.mw/
***/

function resizeWin(maxX,maxY,speed,delay,win){
    this.obj = "resizeWin" + (resizeWin.count++);
    eval(this.obj + "=this");
    if (!win)    this.win = self;    else this.win = eval(win);
    if (!maxX)    this.maxX = 400;    else this.maxX = maxX;
    if (!maxY)    this.maxY = 300;    else this.maxY = maxY;
    if (!speed)  this.speed = 1/7;  else this.speed = 1/speed;
    if (!delay)  this.delay = 30;    else this.delay = delay;
    this.doResize = (document.all || document.getElementById);
    this.stayCentered = false;
   
    this.initWin =     function(){
        if (this.doResize){
            this.resizeMe();
            }
        else {
            this.win.resizeTo(this.maxX + 10, this.maxY - 20);
            }
        }

    this.resizeMe = function(){
        this.win.focus();
        this.updateMe();
        }
   
    this.resizeTo = function(x,y){
        this.maxX = x;
        this.maxY = y;
        this.resizeMe();
        }
       
    this.stayCentered = function(){
        this.stayCentered = true;
        }

    this.updateMe = function(){
        this.resizing = true;
        var x = Math.ceil((this.maxX - this.getX()) * this.speed);
        var y = Math.ceil((this.maxY - this.getY()) * this.speed);
        if (x == 0 && this.getX() != this.maxX) {
            if (this.getX() > this.maxX) x = -1;
            else  x = 1;
            }
        if (y == 0 && this.getY() != this.maxY){
            if (this.getY() > this.maxY) y = -1;
            else y = 1;
            }
        if (x == 0 && y == 0) {
            this.resizing = false;
            }
        else {
            this.win.top.resizeBy(parseInt(x),parseInt(y));
            if (this.stayCentered == true) this.win.moveTo((screen.width - this.getX()) / 2,(screen.height - this.getY()) / 2);
            setTimeout(this.obj + '.updateMe()',this.delay)
            }
        }
       
    this.write =  function(text){
        if (document.all && this.win.document.all["coords"]) this.win.document.all["coords"].innerHTML = text;
        else if (document.getElementById && this.win.document.getElementById("coords")) this.win.document.getElementById("coords").innerHTML = text;
        }
       
    this.getX =  function(){
        if (document.all) return (this.win.top.document.body.clientWidth + 10)
        else if (document.getElementById)
            return this.win.top.outerWidth;
        else return this.win.top.outerWidth - 12;
    }
   
    this.getY = function(){
        if (document.all) return (this.win.top.document.body.clientHeight + 29)
        else if (document.getElementById)
            return this.win.top.outerHeight;
        else return this.win.top.outerHeight - 31;
    }
   
    this.onResize =  function(){
        if (this.doResize){
            if (!this.resizing) this.resizeMe();
            }
        }

    return this;
}
resizeWin.count = 0;


------------------------------------------
indsæt derefter følg. i <head>:
------------------------------------------


<script src="resize.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
booyah = new resizeWin(430,340); //(width, height)
booyah.stayCentered();
//-->
</script>

------------------------------------------
og i <body>:
------------------------------------------
<body onLoad="booyah.initWin()" onResize="booyah.onResize()">

------------------------------------------


Giver en ret cool effekt ;-)
Avatar billede caroc Praktikant
21. august 2002 - 15:13 #3
ingen af scriptene virker - har tjekket mange gange.. er det mig der gør noget galt??


se spg. http://www.eksperten.dk/spm/248685
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester