Søg
Avatar billede muddyw. Praktikant
16. november 2006 - 11:34 Der er 16 kommentarer og
1 løsning

popup der resizer om billede

Hvordan laver jeg et popup-vindue der automatisk resizer sig efter størrelsen på billedet i popuppen - evt. + 10 pixels i kanterne?
Avatar billede backside Nybegynder
16. november 2006 - 12:22 #1
Måske noget i den stil her:


<script>

PositionX = 100;
PositionY = 100;

defaultWidth  = 200;
defaultHeight = 200;

var AutoClose = true;

if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');     
writeln('window.innerWidth=document.images["img-navn"].width;');writeln('window.innerHeight=document.images["img-navn"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="img-navn" src='+imageURL+' style="display:block"></body></html>');
close();       
}}

</script>

Med tekst link:
<a href="java script:popImage('http://dinside.dk','Titlen på billedet')">
Billede
</a>

Med billede link:
<a href="java script:popImage('http://dinside.dk','Titlen på billedet')">
<img src="knap.gif" border="0">
</a>
Avatar billede fennec Nybegynder
16. november 2006 - 12:39 #2
Roenving har et eks liggende på sin side:
http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede backside Nybegynder
16. november 2006 - 20:42 #3
Lidt respons ville være fedt.  ;)
Avatar billede muddyw. Praktikant
17. november 2006 - 00:18 #4
backside --> dit script åbner billedet i et meget lille vindue - det var jo ikke meningen - det skulle resize efter billedets størrelse ;-)
Avatar billede roenving Novice
17. november 2006 - 01:16 #5
-- i øvrigt har jeg i tidens løb fået opbygget et bibliotek af modifikationer til scriptet på fennecs link, f.eks. luk ved klik med og uden knap, ekstra text, maximum-størrelse m.m.m. !-)
Avatar billede backside Nybegynder
17. november 2006 - 12:21 #6
muddyw.>> Så har du lavet noget forkert, det jeg har skrevet virker som det skal.  ;)
Avatar billede muddyw. Praktikant
17. november 2006 - 14:00 #7
backside --> ja jeg har helt sikkert lavet en fejl:
hvad skal jeg skifte ud i dit script for at det virker for mig? ;-)

+imageURL+ og sådan??
Avatar billede backside Nybegynder
17. november 2006 - 17:30 #8
<a href="java script:popImage('http://dinside.dk','Titlen på billedet')">
Billede
</a>

http://dinside.dk <<skal skiftes ud med stien til dit billede.
Titlen på billedet <<Skal skiftes ud med den titel du vil ha til dit billede.

Andet skal der ikke laves om.
Avatar billede muddyw. Praktikant
18. november 2006 - 00:43 #9
ok kigger på det i morgen
Avatar billede muddyw. Praktikant
20. november 2006 - 12:25 #10
jeg kan ikke få det til at virke - er i tvivl om jeg skal lave popuppen som et html-dokument og hvad der skal stå i dennes kode
Avatar billede backside Nybegynder
20. november 2006 - 17:14 #11
Det skal du ikke. du skal smide scriptet i <HEAD> og linket i <BOBY>
Avatar billede muddyw. Praktikant
23. november 2006 - 00:41 #12
backside --> det virker ;-) - smid endnu et svar - by the way, hvad hvis jeg gerne vil have ex. 10 px luft omkring billedet i bredden og højde?
Avatar billede muddyw. Praktikant
23. november 2006 - 00:43 #13
eller have en lukknap i vinduet (ved godt det er udover spørgsmålet ;-D )
Avatar billede roenving Novice
23. november 2006 - 01:00 #14
F.eks. http://www.eksperten.dk/spm/619538 !-)
Avatar billede backside Nybegynder
28. november 2006 - 16:29 #15
Sorry, har lige været "væk" et stykke tid.  ;)
Avatar billede backside Nybegynder
26. december 2006 - 22:48 #16
Er det ved at være lukketid?
Avatar billede muddyw. Praktikant
12. januar 2007 - 20:41 #17
Ups - 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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
I dag 13:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
I dag 11:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
I går 23:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
I går 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
13/0520:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
White papers
Flere white papers »