Avatar billede emp Nybegynder
16. april 2003 - 00:55 Der er 7 kommentarer og
1 løsning

Autosize popupscript?

Hej.

Er der nogen der ved hvor jeg kan finde et autosize popup script - eller er der nogen der kan lave et?

Det SKAL også virke på Mac...

/emp
Avatar billede nanker_phelge Nybegynder
16. april 2003 - 12:05 #1
Avatar billede nanker_phelge Nybegynder
16. april 2003 - 12:05 #2
Answer...
Avatar billede noobie Nybegynder
18. april 2003 - 20:34 #3
Skal det være et vindue der automatisk tilpasser sig skærmens størrelse i procent ???
Avatar billede emp Nybegynder
18. april 2003 - 21:04 #4
- Nej, det skal fungerer sådan, at når man klikker på et link til et billede, så skal popupvinduet automatisk tilpasse sig billedets størrelse!
Avatar billede noobie Nybegynder
18. april 2003 - 21:13 #5
Hvad hedder siden ???

hej.html
Avatar billede Slettet bruger
18. april 2003 - 21:16 #6
<html>
<head>
    <title>Test</title>
   
<style>

.luk_billede {
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}

</style>
   
   
<script>

function doIt()
{
    if (self.innerWidth)
    {
        frameWidth = self.innerWidth;
        frameHeight = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth)
    {
        frameWidth = document.documentElement.clientWidth;
        frameHeight = document.documentElement.clientHeight;
    }
    else if (document.body)
    {
        frameWidth = document.body.clientWidth;
        frameHeight = document.body.clientHeight;
    }
    else return;


        newWidth = document.ProductPic.width;
        newHeight = document.ProductPic.height;
        if (document.layers)
        {
            tmp1 = parent.outerWidth - parent.innerWidth;
            tmp2 = parent.outerHeight - parent.innerHeight;
            newWidth -= tmp1;
            newHeight -= tmp2;
        }
        parent.window.resizeTo(newWidth+10,newHeight+34);
        parent.window.moveTo((screen.width/2)-(document.ProductPic.width/2),(screen.height/2)-(document.ProductPic.height/2));

}


</script>

</head>
<body scroll="no" style="overflow:hidden;margin:0px; padding:0px" OnLoad="doIt();this.focus()">
<table style="height:100%" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="bottom" align="center">
<a href="java script:window.close();"><img name="ProductPic" class="luk_billede" title="<? echo $lng_6_06; ?>" src="<? echo $row['billede']; ?>" border="0" onclick="window.close()"></a>
</td></tr></table>
</body>
</html>
Avatar billede emp Nybegynder
18. april 2003 - 23:29 #7
Hej Barto.

Jeg er temmelig dum til html, så forklarer du ikke lige hvad jeg skal gøre med ovenstående kode?

Hilsen Esben.
Avatar billede Slettet bruger
19. april 2003 - 19:20 #8
Du sætter det bare ind i det vindue der kommer frem som popup. Din popup kan du jo så bare åbne som du plejer, evt. i et lille 50x50 vindue der så udvider sig til billedets størrelse.
Et popupscript kan f.eks. se sådan her ud:

<script type="text/javascript">
//Inline script der benyttes fordi jeg skal bruge screen.width der kun er tilgængelig indefor <body> tagget
function popup(url,name,win_height,win_width) {
pos_horizon = ((screen.width/2)-(win_width/2));
pos_vertical = ((screen.height/2)-(win_height/2));
window.open(url,name,"width="+win_width+",height="+win_height+",top="+pos_vertical+",left="+pos_horizon+",scrollbars=yes");
}
</script>

Husk at lægge dette indenfor <body> og </body>

Og det bruger du sådan her:

<a href="java script:popup('popup.html','mitvindue','50','50');">Klik mig!</a>
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