23. februar 2003 - 12:43Der er
20 kommentarer og 1 løsning
Nyt vindue som tilpasser størrelsen!
! Løsningen til dette skal fungere både i Explorer og Netscape !
Jeg har lavet et billed-katalog med en masse billeder i forskellige størrelse som thumbnails. Her vil jeg gerne når der klikkes på dem, åbnes et nyt vindue som har samme bredde og højde som billedet, muligvis med en luk knap nedenunder og en margen på 10.
Der bliver investeret massivt i AI. Teknologien er mere tilgængelig end nogensinde, og ambitionerne er høje. Alligevel oplever mange virksomheder, at resultaterne udebliver.
Jeps... Skulle lige til at skrive det! Er det ikke muligt at i det nye vindue at have en margen på 0, uden at skulle til at lave en html-side eller lign. Samt en titel på browservinduet!
Har du egentlig prøvet følgende: <A HREF="#" OnClick="java script:window.open('filnavn','billedekatalog','toolbar=0,menubar=0,scrollbars=0,status=0,resizable=0')">
Altså hvor du ikke angiver højde/bredde, bliver den ikke bare på billedets størrelse ?
Scriptet tilpasser det hele selv. Det eneste du skal gøre er at sætte dette ind på siden hvor dit link er:
<-- Indsættes i head delen --> <script>
// 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 bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">'); writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>'); close(); }}
</script> <-- Slut -->
<-- Indsættes i body-delen --> <a href="java script:popImage('billed.gif','Some Title')"> Click Here </a> <-- slut -->
Du kan du så selv ændre billede.gif og some title, til din billede fil og den titel du vil give popup vinduet. Istedet for "clik here", kan du jo bare sættes et billede ind.
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.