Autoresize Popup Window

  • Thread starter Carlos Vladymir
  • Start date
C

Carlos Vladymir

I’m using the Spawn addin to generate a popup window to display an animated gif as a demo. How do I make the popup windo to resize itself for the size of the picture that is going to display. Is this done by pointing the link to the picture itself or to a different page containing that gif. Any help on this would be appreciated.
 
T

Trillian

Here's a script I've used to open popups that autoresize.

Around whatever you're "poping up" put:

<a href="javascript:popImage('yourfile.gif','popup window
title')">yourfile.gif goes here</a>

Here's the script - I have mine in a scripts folder and
reference it, but you could put it in the page code too.

If you need more help, please go to the URL right below
look up popups...

<script>
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

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

// Set the horizontal and vertical position for the popup

PositionX = 200;
PositionY = 200;

// 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='+defaul
tHeight+',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();
}}
-----Original Message-----
Iâ?Tm using the Spawn addin to generate a popup window to
display an animated gif as a demo. How do I make the popup
windo to resize itself for the size of the picture that is
going to display. Is this done by pointing the link to the
picture itself or to a different page containing that gif.
Any help on this would be appreciated.
 
C

Carlos V. Alejandro

Thank you trilian for your response and for the link provided. This is just the information I needed.
 
Top