Avatar billede rille101 Nybegynder
26. februar 2005 - 18:20 Der er 4 kommentarer og
1 løsning

Tilpasse pop up vindue

Hej
Jeg har fundet denne kode her på exp, og den virker fint.

<Script Language="JavaScript">
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
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["George"].width;');writeln('window.innerHeight=document.images["George"].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 background="images/net-baggrund.gif" scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<p align="center"><img name="George" src='+imageURL+' style="display:block"></p></body></html>');
close();       
}}
</script>

Er der nogen der kan hjælpe mig med at tilpasse denne på min hjemmeside?

Jeg vil gerne have at pop up vinduet altid har samme størrelse (eks. 400x300px). Dvs. er der blevet lagt et billede op på siden med 600x500px så tilpasser billedet sig vinduet, gerne med en lille margen hele vejen rundt om billedet så man kan de baggrundsbilledet.

Hvis billedet er mindre end 400x300 så skal billedet holde sin originale str. men være centreret både på langs og på tværs.
Avatar billede roenving Novice
26. februar 2005 - 21:13 #1
Har du tænkt på at gøre f.eks. sådan: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede rille101 Nybegynder
26. februar 2005 - 23:28 #2
tæt på... Jeg vil bare gerne have billedet til at tilpasse sig efter vinduet. kan man sætte det ind i den kode jeg har skrevet ind i ved mit spørgsmål. Bruger nemlig den kode flere steder på mit site, og så ville jeg kunne slippe for at ændre alt for meget i mine koder...
Avatar billede roenving Novice
26. februar 2005 - 23:42 #3
Man kan lave mange tilpasninger ...

-- og jeg her adskillige liggende, men ingen, som matcher dit problem ...

-- men da jeg læste din problemformulering, kom jeg til at tænke på, om ikke det, du ønskede, var at vise billedet i præcis den størrelse, som det faktik var, og det er lige præcis det mit script gør !-)
Avatar billede rille101 Nybegynder
27. februar 2005 - 11:49 #4
Ok men desværre. Det var lige omvendt :)
Avatar billede rille101 Nybegynder
19. marts 2005 - 19:54 #5
Her sker vist ikke mere. Spørgsmål lukket.
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