CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

nanker_phelge Nybegynder

16. april 2003 - 12:05 #1

Prøv at kigge på
www.bratta.com
www.script.dk
www.html.dk

Synes godt om

nanker_phelge Nybegynder

16. april 2003 - 12:05 #2

Answer...

Synes godt om

noobie Nybegynder

18. april 2003 - 20:34 #3

Skal det være et vindue der automatisk tilpasser sig skærmens størrelse i procent ???

Synes godt om

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!

Synes godt om

noobie Nybegynder

18. april 2003 - 21:13 #5

Hvad hedder siden ???

hej.html

Synes godt om

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>

Synes godt om

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.

Synes godt om

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>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS