Søg
Avatar billede Slettet bruger
23. januar 2011 - 15:50 Der er 11 kommentarer og
1 løsning

Centering af begrænset browservindue i html

Jeg arbejder med html og laver på siden et begrænset nyt vindue via javascript hvor der vises flashfilm.
Kan man centrerer dette begrænsede nye vindue, så det ser pænere ud når det vises midt på skærmen?
Avatar billede claes57 Ekspert
23. januar 2011 - 16:20 #1
det nye vindue er så iframe?
placer den i en <div>

<div align="center">
<iframe id="filplads" src="kilde.html" width="300" height="200"></iframe>
</div>

bare tilpas størrelse osv...
Avatar billede Slettet bruger
23. januar 2011 - 17:32 #2
Det vil jeg prøve som alternativ, lige nu er det ikke iFrame men et link til en side. se evt. her og tryk på playpilen under videobåndet under Sky Radio

www.test.danskradio.dk/FM456.html

Tak.
Avatar billede webweaver Praktikant
23. januar 2011 - 17:32 #3
Hvis det er en JavaScript popup, kan du centrere det ved at bruge

(ScreenWidth/2)-((400)/2);
(ScreenHeight/2)-((300+50)/2);

Det er lidt besværligt at forklare. Benyt dig af denne popup generator istedet, hvor den laver koden for dig. Der har du mulighed for at centrere vinduet.

http://www.a1ien51.8k.com/scripts/popupwingenV2.htm
Avatar billede Slettet bruger
23. januar 2011 - 17:54 #4
Tak for tippet, jeg har været inde og se på den generator, og den er nem at bruge.
Avatar billede webweaver Praktikant
23. januar 2011 - 18:48 #5
Lige præcis. Derfor jeg henviste til netop den. Så du burde have fået løst dit problem nu?
Avatar billede Slettet bruger
23. januar 2011 - 22:58 #6
Jeg har lavet et script med modulet fra det links du gav mig.
Men siden kan ikke håndtere mere end 1 på hver side.
Hvis jeg laver 2 på siden, linker den begge 2 til samme fil, skal der sættes noget ind i scriptet så den adskiller dem fra hinanden.

Det script generatoren har lavet er det her:

<html>
<head>
  <title>PopUpScript</title>
  <script>
  function PopUp(){
    var ScreenWidth=window.screen.width;
    var ScreenHeight=window.screen.height;
    var movefromedge=0;
    placementx=(ScreenWidth/2)-((550)/2);
    placementy=(ScreenHeight/2)-((420+50)/2);
    var PopUpUrl="http://www.test.danskradio.dk/video,skyradio1.html"
    WinPop=window.open(PopUpUrl,"","width=550,height=420,toolbar=0,location=0,directories=0,status=0,scrollbars=0,menubar=0,resizable=0,left="+placementx+",top="+placementy+",screenX="+placementx+",screenY="+placementy+",");
  }
  </script>
</head>
<body>
  <img src="images/play.jpg" height="22" width="26" onclick="PopUp()">
</body>
</html>



Og det script jeg brugte før er det her:

<a href="" onclick="window.open('video,tv2radio4.html','','scrollbars=no, height=420, width=550, top=20, left=20');return false;"><img src="images/start.gif" alt="" width="26" height="22" border="0" /></a>

Det kan håndtere mange på samme side, så kan du evt. fortælle hvor i scriptet man skal indsætte det du tidligere nævnte:

((ScreenWidth/2)-((400)/2);
(ScreenHeight/2)-((300+50)/2);)
Avatar billede webweaver Praktikant
24. januar 2011 - 15:36 #7
Det kan det andet formentlig også. Hvis du laver flere funktioner, skal du huske at give dem forskellige navne. Har du husket det?

For eksempel,

<html>
<head>
  <title>PopUpScript</title>
  <script>
  function PopUp(){
    var ScreenWidth=window.screen.width;
    var ScreenHeight=window.screen.height;
    var movefromedge=0;
    placementx=(ScreenWidth/2)-((550)/2);
    placementy=(ScreenHeight/2)-((420+50)/2);
    var PopUpUrl="http://www.test.danskradio.dk/ (...),skyradio1.html"
    WinPop=window.open(PopUpUrl,"","width=550,height=420,toolbar=0,location=0,directories=0,status=0,scrollbars=0,menubar=0,resizable=0,left="+placementx+",top="+placementy+",screenX="+placementx+",screenY="+placementy+",");
  }
  </script>

  <script>
  function PopUp2(){
    var ScreenWidth=window.screen.width;
    var ScreenHeight=window.screen.height;
    var movefromedge=0;
    placementx=(ScreenWidth/2)-((550)/2);
    placementy=(ScreenHeight/2)-((420+50)/2);
    var PopUpUrl="http://www.nyUrlHer.dk/ (...),skyradio1.html"
    WinPop=window.open(PopUpUrl,"","width=550,height=420,toolbar=0,location=0,directories=0,status=0,scrollbars=0,menubar=0,resizable=0,left="+placementx+",top="+placementy+",screenX="+placementx+",screenY="+placementy+",");
  }
  </script>

</head>
<body>
  <img src="images/play.jpg" height="22" width="26" onclick="PopUp()">
<img src="images/play.jpg" height="22" width="26" onclick="PopUp2()">

</body>
</html>
Avatar billede Slettet bruger
24. januar 2011 - 17:19 #8
Hej Lasse

Jeg har på de 2 popup links jeg forsøgsvis har lagt på

www.test.danskradio.dk/FM456.html under Sky Radio

ikke ændret

function PopUp(){

til en ny værdi, ved hver enkelt.
Så hvis det er det der skal til, så prøver jeg lige det.

Jeg skriver når jeg har testet det.
Avatar billede Slettet bruger
24. januar 2011 - 20:22 #9
Det virker ikke, har prøvet at bokse med det.
Hvis du ser den side her www.test.danskradio.dk/FM456.html
vil jeg gerne have at brugeren skal kunne aktivere hvert enkelt lyd/videoklip ud for den station som ønskes.

Hvis du kan lægge det script her

(ScreenWidth/2)-((400)/2);
(ScreenHeight/2)-((300+50)/2);

som du selv forslog i min kode her:

<a href="" onclick="window.open('video,tv2radio4.html','','scrollbars=no, height=420, width=550, top=20, left=20');return false;"><img src="images/start.gif" alt="" width="26" height="22" border="0" /></a>

så virker det som jeg vil have det til, lige starter pop up bare i venstre top.
Lige nu kan jeg i den kode kun ændre top og left som står på 20 i værdi.

Kan det lade sig gøre?

Takker :-)
Avatar billede webweaver Praktikant
24. januar 2011 - 21:38 #10
Det bliver bare nogle ret lange links, derfor vil jeg anbefale ikke at have det harcoded i dine links, men have det i funktioner. De gør nøjagtig det samme, bare mere overskueligt og nemmere at arbejde med.

Du bør kunne få det til at virke. Ellers er det fordi at du gør noget forkert. Og det kan jeg se at du også gør. Du skal have dine funktioner imellem <head> og </head>. Og så dine links nede i body. Jeg har selv lige siddet og rodet med det, og jeg kan sagtens få dem til at placere sig centreret begge 2. MEN, det ser dog ud til at det ikke rigtig virker alligevel, det man får direkte fra Popup generatoren. Det er nogenlunde centreret, når man ser den hos dem, men det er den ikke, hvis man selv prøver det i et tomt dokument. Det undrede mig lidt. Det ser ud til at man skal korrigere for skærmopløsning, processlinier etc. i browseren og sådan, hvilket vil sige at det ikke vil blive centreret hos alle folk formentligt. Det er jo ikke så fedt umiddelbart. Men du kan jo prøve at se hvordan det går med det.

Det jeg kom frem til hos mig, blev til dette i din head,

<script language="javascript" type="text/javascript">
       
  function PopUp(){
    var ScreenWidth=window.screen.width;
    var ScreenHeight=window.screen.height;
    var movefromedge=0;
    placementx=(ScreenWidth/2)-((400-35)/2);
    placementy=(ScreenHeight/2)-((300+150)/2);
    var PopUpUrl="http://www.A1ien51.8k.com"
    WinPop=window.open(PopUpUrl,"","width=400,height=300,toolbar=0,location=0,directories=0,status=1,scrollbars=1,menubar=0,resizable=0,left="+placementx+",top="+placementy+",screenX="+placementx+",screenY="+placementy+",");
  }

  </script>
 
  <script language="javascript" type="text/javascript">
       
  function PopUp2(){
    var ScreenWidth=window.screen.width;
    var ScreenHeight=window.screen.height;
    var movefromedge=0;
    placementx=(ScreenWidth/2)-((400-35)/2);
    placementy=(ScreenHeight/2)-((300+150)/2);
    var PopUpUrl="http://www.A1ien51.8k.com"
    WinPop=window.open(PopUpUrl,"","width=400,height=300,toolbar=0,location=0,directories=0,status=1,scrollbars=1,menubar=0,resizable=0,left="+placementx+",top="+placementy+",screenX="+placementx+",screenY="+placementy+",");
  }

  </script>


Og så dine links nede i body

<img src="images/play.jpg" height="22" width="26" onclick="PopUp()">
<img src="images/play.jpg" height="22" width="26" onclick="PopUp2()">
Avatar billede webweaver Praktikant
24. januar 2011 - 21:43 #11
Jeg sad lige og kiggede efter noget mere stabilt, og som virker som det skal.

http://www.html.dk/scripts/javascript/00023/

Dette er noget simplere, men nøjagtig samme funktion. Vigtigst af alt, jeg kan få den til at centrere vinduet uden problemer. Det er nøjagtigt samme måde som det andet, med en funktion som skal placeres i <head> og dine links i <body>.

Det smarte her er, at du kun behøver 1 funktion, da resten korrigeres nede i linket. Så jeg vil anbefale dig at bruge den istedet! :)
Avatar billede webweaver Praktikant
06. februar 2011 - 10:29 #12
Hmm ???
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
01/0715:18 Min PC kan nu ikke se den ekstra skærm Af KurtG i Windows
30/0614:48 Beholde vigtige cookies i Firefox (Slette cookies, som man ikke bruger) Af Ikke-ekspert i Browsere
29/0614:57 Opgradere win 10 til 11 Af lurup i Windows
28/0620:51 Creative Soundblaster Audigy FX v2 Af ErikHg i Andet hardware
27/0616:10 Tilbage til Outlook Klassisk design Af susalapi i E-mail programmer
White papers
Flere white papers »