Avatar billede brian.nielsen Nybegynder
14. marts 2003 - 04:15 Der er 12 kommentarer og
1 løsning

Popup i midten

Jeg fatter hat af java - Så har vi det på plads...
Hvordan laver jeg et popup vindue som kommer frem i midten af skærmen?

Skriv også gerne et lille eksempel på hvordan man bruger det, da jeg som sagt ikke fatter ret meget af det java halløj
Avatar billede grunken Nybegynder
14. marts 2003 - 04:51 #1
har lige bygget det her :)


<html>
<head>
<script language=javascript>

  var winb  = 500          //indtast bredde på vindue
  var winh  = 375          //indtast hojde på vindue

  var bredde = ((screen.width-winb)/2)
  var hojde  = ((screen.height-winh)/2)

function PopUp ()
{

  vindue=window.open('side.html','popup','width='+winb+',height='+winh+',toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0');
  vindue.moveTo(bredde, hojde)

}
</script>
</head>

<a href="#" onclick="PopUp();">Åben Popup</a>
</html>


Det eneste du skal ændre er der hvor der står side.html, det skal du ændre til navnet på den side du vil have i popuppen !

-grunken
Avatar billede henrik_bs Nybegynder
14. marts 2003 - 08:37 #2
Hej
http://activedeveloper.dk/Default.asp er der et værktøj til at opbygge popup vinduer. Det kræver dig at du er medlem af deres coomunity, men det er dog gratis.
Værktøjet generer den kode du skal bruge udfra nogle indstillinger du kan sætte. Det vil give en god indsigt hvordan popup vinduer virker.

mvh
Henrik
Avatar billede brian.nielsen Nybegynder
14. marts 2003 - 09:19 #3
Grunken ->
Hva nu hvis jeg skal bruge flere vinduer (4 helt nøjagtigt), skal jeg så bare lave function PopUp om til PopUp2, PopUp3 osv.?
Avatar billede brian.nielsen Nybegynder
14. marts 2003 - 09:20 #4
Nej er kommet ind i bøtten på mig nu :)
Takker for svarene, men jeg bruger den løsning fra Grunken af.
Avatar billede brian.nielsen Nybegynder
14. marts 2003 - 10:21 #5
Nøj hvor er det svært at få det til at virke med php når man får diverse udtræk fra db'en af... argh skummelt
Avatar billede grunken Nybegynder
14. marts 2003 - 13:58 #6
Hvis det er, så prøv at paste den kode hvor du skal bruge det, så hvor jeg gerne kigge på det !

-grunken
Avatar billede grunken Nybegynder
14. marts 2003 - 13:59 #7
så hvor jeg gerne kigge på det ! = så vil jeg gerne kigge på det !
Avatar billede brian.nielsen Nybegynder
14. marts 2003 - 20:03 #8
Heh, ja der er jo som sagt 4 popups jeg skal ha frem...
Og da det jo er et db udtræk, skal alle funktioner ha et nr - Klare jeg fint med et id kald..

Men det går helt galt når jeg når til C (har lavet PopUp om til PopUpA, PopUpB osv.)
Det virker fint med de første to, men nå den når til den tredje, så sker der underlige sager ...
Den åbner alle popups i midten, men de er alle sammen samme størrelse, hvilket de ikke skal være.
Og koden er alt for lang til at klaske den herind...
Avatar billede grunken Nybegynder
14. marts 2003 - 20:43 #9
hmm, hvofor skal der være 4 popups på skærmen på samme tid ???
kan du ikke bare genbruge det samme ????
Avatar billede brian.nielsen Nybegynder
14. marts 2003 - 21:16 #10
fordi de linker til 4 forskellige sider..
Avatar billede olebole Juniormester
16. marts 2003 - 05:20 #11
<ole>

Det er nu heller ikke den fikseste kode. Prøv det her i stedet:

<html>
<head>
<script type="text/JavaScript">
function PopUp(url, w, h) {
    var u, t, l = (screen.availWidth-w)/2;
    t = (screen.availHeight-h)/2;
    u = new Date().getTime();
    vindue=window.open(url,"popup"+u,"width="+w+",height="+h+",left="+l+",top="+t+",toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0");
    vindue.focus();
}
</script>
</head>
<body>

<a href="#" onclick="PopUp('http://www.google.com', 400, 250);return false;">Åben Google</a><br>
<a href="#" onclick="PopUp('http://www.yahoo.com', 600, 350);return false;">Åben Yahoo</a><br>
<a href="#" onclick="PopUp('http://www.eksperten.dk', 500, 450);return false;">Åben Eksperten</a><br>

</body>
</html>

/mvh
</bole>
Avatar billede brian.nielsen Nybegynder
16. marts 2003 - 10:20 #12
Heh ja, den kode tror jeg faktisk vil passe meget bedre ind i det hele, da man jo kan lave urlen om i selve linket..
Jeg tester lige!
Avatar billede brian.nielsen Nybegynder
16. marts 2003 - 10:27 #13
Super! Takker for hjælpen - Den som olebole kom med, er meget lettere at bruge, så han får point
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