Avatar billede dk_gryf Nybegynder
27. september 2004 - 09:20 Der er 10 kommentarer og
1 løsning

Script til åbne et nyt window med image

Jeg skal bruge et script hvor man ved at klikke på et mindre billede viser billedet i større format i et nyt window placeret i øverste venstre hjørne af skærmen og med "luk window" funktion - kan nogen hjælpe mig med det eller fortælle mig hvor jeg kan finde det?
Mvh
Mogns
Avatar billede nissetec Nybegynder
27. september 2004 - 10:02 #1
Jeg fandt mit her (bruger det også):
http://javascript.internet.com/page-details/auto-resizable-pop-up.html

"Luk vindue" kan du jo selv sætte på, med en window.close()

Per
Avatar billede nissetec Nybegynder
27. september 2004 - 10:07 #2
Kort bemærkning:

Man kan lukke vinduet med
<input type=button value="Luk vindue" onclick=window.close()>

eller med
<a href="#" onclick=window.close()>Luk vindue</a>
Avatar billede dk_gryf Nybegynder
27. september 2004 - 10:46 #3
Hej
Det ser ud til, at være det som jeg har brug for, men jeg er i tvivl om hvor jeg skal indsætte linien:<input type=button value="Luk vindue" onclick=window.close()>
/Mogens
Avatar billede roenving Novice
27. september 2004 - 13:50 #4
-- og en alternativ kan du finde her: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html ...
Avatar billede nissetec Nybegynder
27. september 2004 - 15:20 #5
Du har faktisk ret: Den er ikke lige nem at placere. Har lige brugt et par timer på den, og det har jeg åbenbart ikke fantasi til. Den er nem at placere i roenving's script, så jeg bøjer af...
Avatar billede dk_gryf Nybegynder
27. september 2004 - 17:37 #6
Den sidste udgave ser fornuftig ud, men igen, hvordan får jeg "Luk vindue" indføjet???

/Mogens
Avatar billede roenving Novice
27. september 2004 - 17:43 #7
F.eks. sådan:

  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+82);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();" onclick="self.close();"><br><center><button onclick="self.close();">';
      txt+='Luk vindue<\57button><\57center><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

-- her er der både luk på knappen og på billedet ...
Avatar billede dk_gryf Nybegynder
27. september 2004 - 18:43 #8
Ja, det ser ud til, at fungere som jeg ønskede det,men en lille ting mere, er det ikke muligt, at få reduceret den høje bundmargin under "Luk Vindue".
Jeg går ud fra, at scriptet automatisk viser billederne i den størrelse som de har da der er tale om forskellige billedstørrelser.
Huske lige at lave et svar...
/Mogens
Avatar billede roenving Novice
27. september 2004 - 18:47 #9
Du kan prøve at eksperimentere lidt med de 82, som står et sted i scriptet, da det er det, der kontrollerer hvor meget plads, der er til knappen ...

Velbekomme '-)
Avatar billede fromse Nybegynder
27. september 2004 - 21:30 #10
Kan man gøre sådan at popup'en kommer frem på midten af skærmen istedet for oppe i hjørnet?

/fromse
Avatar billede roenving Novice
28. september 2004 - 10:31 #11
-- 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