Autoresize Popup Window

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

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.
 
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.
 
Thank you trilian for your response and for the link provided. This is just the information I needed.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Back
Top