Avatar billede copyright Nybegynder
30. maj 2006 - 20:57 Der er 9 kommentarer og
1 løsning

Popup i midten

Hej

jeg vil gerne høre om der er nogen her der kan hjælpe mig med et popup, det jeg tænkte er at jeg har flere billeder på en side hvor jeg derfra vil gerne have at man skal kunne gøre billedet større ved at klikke på den og få det samme billedet i en popup der skal være i midten og skal kunne lukke sig efter f.x 13 sek

håber at I kan hjælpe
Avatar billede copyright Nybegynder
30. maj 2006 - 22:42 #2
tak for dit svar man dette er en popup fra et link og jeg skal bruge en popup fra et billede hvordan laver man det om ?


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Centreret popup vindue</title>

<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

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);
    }

// Slut -->
</script>

</head>
<body>

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<p><a href="#" onclick="popup('bd.jpg','mitvindue','300','300');">Åben popup vindue</a></p>

</body>

</html>
Avatar billede copyright Nybegynder
30. maj 2006 - 22:49 #3
og jeg ved godt at dette ikke er den rigtig kat man kan man lave en popup i php?
Avatar billede copyright Nybegynder
30. maj 2006 - 22:57 #4
eller måske lave det om til popup
<div style="width:165px;text-align:center;border:1px solid white;">
<img src="http://www.mandarindesign.com/images/s2a.gif"  style="border:1px solid black;" border="0" width="50" height="50">
<img src="http://www.mandarindesign.com/images/s2b.gif"  style="border:1px solid black;" border="0" width="50" height="50">
<img src="http://www.mandarindesign.com/images/s2c.gif"  style="border:1px solid black;" border="0" width="50" height="50">
<img src="http://www.mandarindesign.com/images/s2d.gif"  style="border:1px solid black;" border="0" width="50" height="50">
<img src="http://www.mandarindesign.com/images/s2e.gif"  style="border:1px solid black;" border="0" width="50" height="50">
<img src="http://www.mandarindesign.com/images/s2f.gif"  style="border:1px solid black;" border="0" width="50" height="50">
</div>
Avatar billede thomas_b Nybegynder
30. maj 2006 - 23:42 #5
Er det sådan du vil have det...?

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Centreret popup vindue</title>

<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

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);
    }

// Slut -->
</script>

</head>
<body>

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<div style="width:165px;text-align:center;border:1px solid white;">
<a href="#" onclick="popup('side1.htm','mitvindue1','300','300');"><img src="http://www.mandarindesign.com/images/s2a.gif"  style="border:1px solid black;" border="0" width="50" height="50"></a>
<a href="#" onclick="popup('side2.htm','mitvindue2','300','300');"><img src="http://www.mandarindesign.com/images/s2b.gif"  style="border:1px solid black;" border="0" width="50" height="50"></a>
<a href="#" onclick="popup('side3.htm','mitvindue3','300','300');"><img src="http://www.mandarindesign.com/images/s2c.gif"  style="border:1px solid black;" border="0" width="50" height="50"></a>
<a href="#" onclick="popup('side4.htm','mitvindue4','300','300');"><img src="http://www.mandarindesign.com/images/s2d.gif"  style="border:1px solid black;" border="0" width="50" height="50"></a>
<a href="#" onclick="popup('side5.htm','mitvindue5','300','300');"><img src="http://www.mandarindesign.com/images/s2e.gif"  style="border:1px solid black;" border="0" width="50" height="50"></a>
<a href="#" onclick="popup('side6.htm','mitvindue6','300','300');"><img src="http://www.mandarindesign.com/images/s2f.gif"  style="border:1px solid black;" border="0" width="50" height="50"></a>
</div>

</body>

</html>
Avatar billede copyright Nybegynder
30. maj 2006 - 23:48 #6
JA !!! det er helt perfekt

lige et sidste spørgsmål hvordan går man at når popup åbnes at topmargin="0" leftmargin="0"  de begge bliver 0?
Avatar billede copyright Nybegynder
30. maj 2006 - 23:49 #7
og læg et svar :-)
Avatar billede copyright Nybegynder
30. maj 2006 - 23:54 #8
og måske at det bliver muligt at lukke popup ved at klikke på billedet :-)
Avatar billede thomas_b Nybegynder
30. maj 2006 - 23:55 #9
Hvis du mener at popup-vindues indhold skal gå helt ud til kanterne skal du bare skrive : <body style="margin:0px;"> i popup-vinduerne
Avatar billede copyright Nybegynder
31. maj 2006 - 08:44 #10
tak for hjælpen :-)
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