Avatar billede stoltenborg Nybegynder
12. juli 2003 - 13:02 Der er 11 kommentarer og
2 løsninger

Link til ny side i 'nyt vindue', men med defineret størrelse ?

Hejsa.

Har set flere link der åbner en slags pop-up i en størrelse man selv kan bestemme (så det passer til billedet eller texten - uden spild). Hvordan gøres dette...

Eks. : Jeg vil linke til en php side (test.php), men vil gerne have denne side åbnet i et nyt vindue, og ca. i størrelse 200*400 !!!

//Jan
Avatar billede ahv Nybegynder
12. juli 2003 - 13:03 #1
<a href="#" onclick="window.open('side.html','hej','height=300,width=400')">Åben</a>
Avatar billede roenving Novice
12. juli 2003 - 13:11 #2
ResizeTilBillede-tingen dur jo altså kun til billeder, men her er den:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Resize til billede</title>
<meta name="keywords" content="roenving 2003;http://www.eksperten.dk/spm/364403">
<meta name="Generator" content="Stone's WebWriter 3.5">
<style type="text/css">
body{border:0px;padding:0px;font-family:Tahoma,Verdana,Arial,sans-serif;text-align:center;background:#EBD3E2;line-height:1.5;overflow:hidden;}
img{border:0px;}
</style>
  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<html><head><title>Resize til bilede</title><scr'+'ipt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}</scr'+'ipt></head>';
      txt+='<body style="overflow:hidden;border:0px;margin:0px"><img src="'+file+'" style="top:0px;left:0px;border:0px;" onload="resPic();"></body></html>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
</head>
<body>
<h1 style="line-height:0.8">Working demo #1</h1>
Klik på billedet for at se det i fuld størrelse<br><br>
<a href="#" onclick="popWin('img/billede.jpg');return false;"><img src="img/billede.jpg" width="150"></a>
<br><br>
Denne demo illustrerer en javascript-funktion,<br>
som ved at aflæse billedets egen størrelse sørger<br>
for at popup-vinduet har den tilstrækkelige størrelse.<br>
<h6>Denne funktion virker i Internet Explorer og er ikke testet på andet end Windows<br><br><br></h6>
&#169; 2003 <a href="mailto:roenving@hotmail.com" STYLE="text-decoration:none;color:#8D1D31;">roenving</a><span class="b" style="font-size:10px;font-weight:600;"> -- sikkert inspireret af grunken</span><br>
Du er velkommen til at kopiere koden (højreklik-->Vis kilde, markér og kopiér !-)
<h6>PS. Hvis nogen kender billedets oprindelse vil jeg gerne have det at vide -- oplysningen vil så erstatte dette.<br>
<!-- WebWriter AutoDato -->Sidste opdatering  11.07.2003<!-- WW -->
</h6>
</body>
</html>
Avatar billede stoltenborg Nybegynder
12. juli 2003 - 13:14 #3
---> roenving : Jeg skal ikke bruge det til billede, men en text side. Sorry, men ellers tak.

---> Alexander : Jeg får script fejl på din løsning ???
Avatar billede ahv Nybegynder
12. juli 2003 - 13:18 #4
Hvilken fejl?
Avatar billede stoltenborg Nybegynder
12. juli 2003 - 13:22 #5
---> ahv : Jeg er kommet til at slette koden, men her er et eks. :

Koden til linket : <a target="_blank" href="status/index.php">

Det er et gif billede der linker til en php side. Denne php side vil jeg gerne have åbnet i et vindue der tilpadser sig en bestemt størrelse !

//Jan
Avatar billede roenving Novice
12. juli 2003 - 13:22 #6
Der hvor Alexander har skrevet hej kan du selvfølgelig skrive noget andet, men det skal være en valid html-identifier ...

>>ahv -- ville det ik' være smart at sætte return false; på ?-)
Avatar billede ahv Nybegynder
12. juli 2003 - 13:24 #7
Joo :o)

Når jeg vil se videre på Tour De France.
Avatar billede roenving Novice
12. juli 2003 - 13:24 #8
ahv's løsning er ganske korrekt ...

<a href="#" onclick="window.open('status/index.php','Status','height=300,width=400');return false;">Åben</a>
Avatar billede stoltenborg Nybegynder
12. juli 2003 - 13:25 #9
---> roenving : OK, men det første eks., der er linket på texten 'Åben' - ville gerne at det var selve gif'en der linker....
Avatar billede roenving Novice
12. juli 2003 - 13:28 #10
<a href="#" onclick="window.open('status/index.php','Status','height=300,width=400');return false;"><img src="VisTatus.gif" height="50" Width="50"></a>
Avatar billede stoltenborg Nybegynder
12. juli 2003 - 13:35 #11
---> roenving : Så virker det sq... 100000000 tak for god hjælp her midt i Touren.. Vil du ikke smide et svar, så deler jeg points mellem dig og ahv - hvis det er ok med jer ??? Måske 30 p. er for lidt for denne opgave ??

//Jan
Avatar billede roenving Novice
12. juli 2003 - 13:58 #12
Velbekomme '-)

-- de 30 p. er helt iorden ...
Avatar billede roenving Novice
13. juli 2003 - 01:07 #13
-- og tak for 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